You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It is unusual for the W3C WAI logo to be to the right, I typical web page layout would have this left justified, is there a reason to break this web convention?
The tag line "For developers of evaluation tools and test methodologies" being visually inline with the logo and title of the page is also unusual and I have to think about how it is related to the title and logo. The banner to me seems visually more complicated tag it needs to be with so many sections of text separated by horizontal bars.
Coding Issues
If the current banner layout design is going to be implemented, it is important to distinguish the "WCAG 2 Test Rules" title from the tag line "For developers of evaluation tools and test methodologies" for users of screen readers. Right now they are coded as DIV elements so screenreader ready them as a continuous line. I suggest making the "WCAG 2 Test Rules" a link and changing the markup for "For developers of evaluation tools and test methodologies" to use a P element. Screen reader will then not read them as one continuous stretch of content and also the link would be always available to take people back to the home page.
The text was updated successfully, but these errors were encountered:
Thank you @jongund for the suggestion to use link and paragraph for title and tagline. That would definitely solve the screen reader problem and do so without having to use a semantic heading for the title. It is only kinda, sorta a heading ... so I hesitate to suggest heading. It would not add real value as a heading, but link does add actual value.
BannerLayout
Coding Issues
If the current banner layout design is going to be implemented, it is important to distinguish the "WCAG 2 Test Rules" title from the tag line "For developers of evaluation tools and test methodologies" for users of screen readers. Right now they are coded as
DIV
elements so screenreader ready them as a continuous line. I suggest making the "WCAG 2 Test Rules" a link and changing the markup for "For developers of evaluation tools and test methodologies" to use aP
element. Screen reader will then not read them as one continuous stretch of content and also the link would be always available to take people back to the home page.The text was updated successfully, but these errors were encountered: