[App_rpt-users] New AllStar Portal - A work in Progress

Sun Sep 16 12:44:40 UTC 2018

For Bootstrap websites, make sure that all of your collapsible or otherwise hidden elements are properly tied to a default-visible element using the aria-* elements. You have to define a linkage so the screenreader or other assistive technology knows how to read into the element appearing.

I am by absolutely no means an accessibility expert in HTML but you don’t have any aria controls on the login menu. You should try something like:

<!-- Login/logout menu -->
<li><a href="#<view-source:https://web-tpa.allstarlink.org/>" data-toggle="modal" data-target="#login-modal" id=”login-box-link” aria-controls=”login-modal” aria-haspopup=”true” aria-expanded=”false”>Login</a></li></ul>

And then in the modal login box change aria-labeledby to aria-labeledby=”login-box-link” to link the modal div back to the login link. You might need more adjustments to the modal code too. I’m used to aria labels for collapsible menus but never tried/tested with a pop-up modal. You might find the info at this link helpful: https://getbootstrap.com/docs/4.0/getting-started/accessibility/.

My one site https://megalink.network for an Allstar hub we’re working towards launching to the broader community uses Bootstrap 4 and was tested with someone using assistive technology. It seemed to work in the one person’s testing who did it for me. If others have problems with navigating with a screenreader, I would appreciate a heads up *off-list* so I can fix it.

Jason N8JDM

From: App_rpt-users <app_rpt-users-bounces at lists.allstarlink.org> On Behalf Of Tim Sawyer
Sent: Saturday, September 15, 2018 11:59 PM
To: Users of Asterisk app_rpt <app_rpt-users at lists.allstarlink.org>
Subject: Re: [App_rpt-users] New AllStar Portal - A work in Progress

Copy that. Maybe screen readers can't read modals. Don't know. Post if you find something. TNX.

On Sat, Sep 15, 2018 at 8:38 PM Rachel Olivero <rachel at olivero.us<mailto:rachel at olivero.us>> wrote:
Tim, Buddy, and Jeremy,

This is also an issue with NVDA and JAWS on Windows and Chrome.

Tim, the present way the dialog behaves, a user of screen reading technology cannot find the input fields to enter a username and password. I'd have to dig into it a little more to ascertain exactly why, but the modal doesn't get focus or appear in the document tab order.

Rachel AD9O
On Sat, Sep 15, 2018, at 20:30, Buddy Brannan wrote:
Hi Tim,

Fair enough re: the change, which, indeed, I see once login is successfully achieved. Still, it is not very friendly to assistive technology like Voiceover. I should really try it with Windows using NVDA and Chrome or Firefox just for comparison, also with the iOS version of Safari with Voiceover and Chrome on Android with Talkback.

On Sep 15, 2018, at 2:39 PM, Tim Sawyer <tisawyer at gmail.com<mailto:tisawyer at gmail.com>> wrote:

'Login' on the menu changes to 'Logout <your call>' upon successful login. One less dialog to dismiss that way and less verbose on purpose.

On Sat, Sep 15, 2018 at 10:36 AM Buddy Brannan <buddy at brannan.name<mailto:buddy at brannan.name>> wrote:
Howdy Tim,

Sounds like a good thing®.

However, I seem to have an issue. I’m not sure whether it’s Voiceover related, browser related, or “it be broke” related. The login link doesn’t appear to do anything. The page doesn’t seem to change, and there are definitely no username/password fields in evidence.

This seems to be true of both Safari and Google Chrome, both on Mac OS.

Also, down with flash!

Vy 73, de KB5ELV

On Sep 15, 2018, at 11:51 AM, Tim Sawyer <tisawyer at gmail.com<mailto:tisawyer at gmail.com>> wrote:

We've been working on a new AllStar portal. The goal is to eventually replace the original allstarlink.org<http://allstarlink.org/> with a modern, secure, better looking and more usable site. It 's not going very fast but there has been progress. Just to update everybody, here's what's on the new portal so far.

  *   The site has moved to a faster server with better access to the database. The new location is https://web-tpa.allstarlink.org/.
  *   It has a much better nodes list over the original. It has sort, filter, pagination and links to the stats pages.
  *   There a new sign up page to register with AllStar. It has a much friendlier form and should assure more accurate input.
  *   There is a password reset page. BTW, your login and password are the same as on the original allstarlink site as it's accessing the same database.
  *   A new feature the original site doesn't have to change your callsign. This is much easier for you as well as admins which should get these completed faster. If you request a callsign change by email (the old way) you'll probably be asked to use the new site for your request.
  *   All of the normal admin functions have been performed on this site for nearly a year. You won't see these unless you are an admin.
  *   Works much better on mobile devices using 'mobile first' coding methods.
  *   Secure login Cookie with longer expiration.
  *   No more Flash. Yeah!
Please use this new site when you can. We think you'll really like the new nodes list. Let us know if you find any bugs, typos, spelling errors, unclear wording, etc. You could even let us know if you like it :-)

PS. The site is coded in HTML 5 using Twitter Bootstrap, jQuery, pdo, jwt and other web developer geek alphabet soup.

PPS. Don't forget we have a new WiKi as well https://wiki.allstarlink.org/<https://wiki.allstarlink.org/wiki/Main_Page>

--
Tim WD6AWP
_______________________________________________
App_rpt-users mailing list
App_rpt-users at lists.allstarlink.org<mailto:App_rpt-users at lists.allstarlink.org>
http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users

To unsubscribe from this list please visit http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users and scroll down to the bottom of the page. Enter your email address and press the "Unsubscribe or edit options button"
You do not need a password to unsubscribe, you can do it via email confirmation. If you have trouble unsubscribing, please send a message to the list detailing the problem.

_______________________________________________
App_rpt-users mailing list
App_rpt-users at lists.allstarlink.org<mailto:App_rpt-users at lists.allstarlink.org>
http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users

To unsubscribe from this list please visit http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users and scroll down to the bottom of the page. Enter your email address and press the "Unsubscribe or edit options button"
You do not need a password to unsubscribe, you can do it via email confirmation. If you have trouble unsubscribing, please send a message to the list detailing the problem.

--
Tim WD6AWP
_______________________________________________
App_rpt-users mailing list
App_rpt-users at lists.allstarlink.org<mailto:App_rpt-users at lists.allstarlink.org>
http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users

To unsubscribe from this list please visit http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users and scroll down to the bottom of the page. Enter your email address and press the "Unsubscribe or edit options button"
You do not need a password to unsubscribe, you can do it via email confirmation. If you have trouble unsubscribing, please send a message to the list detailing the problem.
_______________________________________________
App_rpt-users mailing list
App_rpt-users at lists.allstarlink.org<mailto:App_rpt-users at lists.allstarlink.org>
http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users

To unsubscribe from this list please visit http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users and scroll down to the bottom of the page. Enter your email address and press the "Unsubscribe or edit options button"
You do not need a password to unsubscribe, you can do it via email confirmation. If you have trouble unsubscribing, please send a message to the list detailing the problem.

_______________________________________________
App_rpt-users mailing list
App_rpt-users at lists.allstarlink.org<mailto:App_rpt-users at lists.allstarlink.org>
http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users

To unsubscribe from this list please visit http://lists.allstarlink.org/cgi-bin/mailman/listinfo/app_rpt-users and scroll down to the bottom of the page. Enter your email address and press the "Unsubscribe or edit options button"
You do not need a password to unsubscribe, you can do it via email confirmation. If you have trouble unsubscribing, please send a message to the list detailing the problem.

--
Tim WD6AWP
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.keekles.org/pipermail/app_rpt-users/attachments/20180916/83bdbd28/attachment.html>