Semantic Structure and Navigation Flashcards
What is the first thing that a screen reader user hears?
The title tag.
What are the benefits of a good title tag?
A good title tag is valid, meaningful, and make it easy to identify open pages to switch between pages/tabs. An added benefit is an improvement to search engine optimization. Effective titles should be concise and help users quickly sift through the search results to identify the content they need.
What are bad examples of title tag usage?
A title tag that doesn’t update on web address changes, and empty title tag, a missing page title, a generic page title, a page title without unique information first, or an uninformative page title.
True or false: On a so-called single-page application — in which AJAX is used to bring in new content without refreshing or loading the entire web page — any time that the URL changes, the page title should be updated accordingly.
True.
Which of the following would be the best for a page describing the autocorrect features of a software product called “Tri-coil” by a company named “Bob’s Brilliant Software?”
Autocorrect features in Tri-coil, by Bob’s Brilliant Software.
If a person types “vegetarian recipes” in a site search, which of the following is the best page title on the search result page?
Search results for “vegetarian recipes”.
Where must the primary language of the page be identified?
The html element.
What are good examples of a language tag?
Uses a valid value and is accurate.
What are bad examples of a language tag?
A missing or invalid value, or an inaccurate language identification.
Why is identifying the language of a document or part of a document important?
It assists screen readers.
What is the correct language code for German web content?
lang=”de”
If the user has the screen reader language set to French and a web page is written in English but does NOT specify the language of the document in the markup, how will the screen reader read the text?
It will read the English words using French pronunciation rules.
What is the difference between landmarks and headings?
Landmarks are used to designate sections of the overall page design and layout. Headings are used to designate sections within the content.
Should you use ARIA roles or HTML5 elements for landmarking?
As a general rule, it is usually best to use native HTML elements rather than their ARIA equivalents whenever possible. That said, the end result is effectively the same for screen reader users, so either one can be used.
Which ARIA roles are not considered landmarks?
The ARIA region and article roles are not considered landmarks, even though their HTML5 counterparts are.
