User Tools

Site Tools


opac:accessibility

Accessibility in OPAC Design

Testing Methods and Notes

Issues being remediated in 2024 in response to the 2023 VPAT/ACR evaluation and detailed NNELS review:

  • Headings, landmarks, and skip links
  • Eliminating tables used for layout in search forms and results
  • Data table semantics and column headings in mobile layouts
  • Form labels, placeholders, hints, and autocomplete attributes
  • Form errors and status announcements
  • Form button placement and types
  • Color contrast
  • Alt text
  • Link underlines
  • Focus outlines, tabindex order, and autofocus
  • Tooltips
  • Datepickers
  • Additional table, form, and tooltip issues specific to the login and account screens

Customized templates

topnav_logo.tt2: Add <h1 class="navbar-brand"> surrounding the linked logo image.

topnav_links.tt2: Add an aria-label attribute to the <nav> element.

footer.tt2: Change <div id="footer"> to <footer id="footer"> and add an aria-label attribute to the <nav> element.

[more TBD]

opac/accessibility.txt · Last modified: 2024/10/07 11:45 by sleary

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.