Differences

This shows you the differences between two versions of the page.

--- opac:accessibility [2024/08/22 11:43] – sleary
+++ opac:accessibility [2024/10/07 11:45] (current) – sleary
@@ Line 1: / Line 1: @@
 ====== Accessibility in OPAC Design ======
+**[[opac:accessibility:testing|Testing Methods and Notes]]**
 Issues being remediated in 2024 in response to the 2023 VPAT/ACR evaluation and detailed NNELS review:
-Group 1:
   * Headings, landmarks, and skip links
-  * Eliminating tables used for layout
+  * 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 form autofocus
+  * Focus outlines, tabindex order, and autofocus
   * Tooltips
-  * Form labels, placeholders, hints, and autocomplete attributes
-  * Form errors and status announcements
-  * Advanced search form add/remove row status announcements
-  * Form button placement and types
-Group 2:
   * Datepickers
   * Additional table, form, and tooltip issues specific to the login and account screens
-  * [[https://bugs.launchpad.net/evergreen/+bug/2072781|Locale switching]]
+===== 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]