Exam (elaborations)
Web Accessibility Specialist (WAS) Certification - Semantic Structure and Navigation
- Course
- Institution
Web Accessibility Specialist (WAS) Certification - Semantic Structure and Navigation
[Show more]
Content preview
Web Accessibility Specialist (WAS)Certification - Semantic Structure and
Navigation
Firstathingascreenareadersahear:a-aans--Pagea<title>a(alsoathisaisagoodaforaSEO)
Pagea<title>arules:a-aans--
Pagea<title>amustabeapresentaandamustacontainatext.aMustabeaupdatedawhenatheawebaaddr
essachanges.aMustabeaaccurateaandainformative.aIfaaapageaisathearesultaofaaauseraactionaora
scriptedachangeaofacontext,atheatextaofathea<title>aSHOULDadescribeathearesultaorachangea
ofacontextatoatheauser.aShouldabeaconcise.aShouldabeauniqueaifapossible.aUniqueainformatio
nashouldacomeafirst.aTheapagea<title>aSHOULDamatcha(orabeaveryasimilarato)atheatopaheadi
ngainatheamainacontent.
TheaprimaryalanguageaofatheapageaMUSTabeaidentifiedaaccuratelyaonathea<html>aelement.a
-aans--
Ifathealanguageaisanotaspecified,aoraifaitathealanguageadesignationaisainaccurate,aaascreenare
aderawillareadatheadocumentainatheauser'sadefaultalanguage,awhichamayaresultainaaaveryabad
aaccentaifatheapagealanguageadoesn'tamatchatheauser'sadefault.aOranotaunderstandable.
TheaprimaryalanguageaofatheapageaMUSTabeaidentifiedawithaaavalidavalueaonathea<html>aele
ment.a-aans--Usinga2aletteralanguageacodeaoraLCIDastring.
InlinealanguageachangesaMUSTabeaidentifiedawithaaavalidalangaattribute.a-aans--
Identifyaanyachangesaofalanguageawithinatheadocument.aThealangaattributeacanabeaappliedat
oablockalevelaelementsa(<div>,a<h1>,a<p>,a<table>,aetc.)aasawellaasainlineaelementsa(<span
>,a<a>,a<strong>,aetc.).
Example:
<p>WhileainaSpain,amyafriendatriedatoaspeakaSpanish,a
butasheawasn'taveryagood.aEveryoneakeptasayinga
"<spanalang="es">Noacomprendoanadaadealoaqueadices.</span>"</p>
LandmarksaSHOULDabeausedatoadesignateapre-
definedapartsaofathealayouta(<header>,a<nav>,a<main>,a<footer>,aetc.).a-aans--
UseaeitheraHTMLa5alandmarksaoratheiraARIAaequivalentsatoamarkasectionsaofathealayoutainat
headesign,asoathatascreenareaderausersacanaeasilyafindatheirawayaaroundathealayout.
Landmarksaareausedatoadesignateasectionsaofatheaoverallapageadesignaandalayout.aHeadin
gsaareausedatoadesignateasectionsawithinatheacontent.
, AllatextaSHOULDabeacontainedawithinaaalandmarkaregion.a-aans--
Labelsaforaheaders,amains,asections,aarticles,aasides,afooters,aetc.aUsingajusta<div>aisn'taen
ough.
MultipleainstancesaofatheasameatypeaofalandmarkaSHOULDabeadistinguishableabyadifferenta
discerniblealabelsa(aria-labelaoraaria-labelledby).a-aans--Example:a<navaaria-
label="Corporateaandalegalainfo">
AapageaSHOULDaNOTacontainamoreathanaoneainstanceaofaeachaofatheafollowingalandmarks
:abanner,amain,aandacontentinfo.a-aans--
TheaARIAaspecificationastatesathatathealandmarksarole="banner",arole="main",aandarole="c
ontentinfo"aareameantatoabeausedaonlyaonceaperapage.aOtheraARIAalandmarksacanabeaused
amultipleatimes.aInterestingly,atheaHMTLa5aspecificationaallowsamultipleainstancesaofatheaeq
uivalentalandmarks:a<header>,a<main>,aanda<footer>.aTheaofficialarestrictionaisaonlyaonaAR
IAalandmarks.aEvenaso,aitaisaappropriateainamostawebadesignsatoahaveaonlyaoneaeachaofathe
sealandmarks,awhetheratheyaareaspecifiedausingaARIAaoraHTMLa5.
TheatotalanumberaofalandmarksaSHOULDabeaminimizedatoatheaextentaappropriateaforatheac
ontent.a-aans--
Oneaofatheamainapurposesaofalandmarksaisatoaallowablindausersatoaquicklyafindaandanavigate
atoatheaappropriatealandmark,asoayouashouldakeepatheatotalanumberaofalandmarksarelativelya
low.aIfayouadon't,ascreenareaderausersawillahaveatoasortathroughatooamuchaextraainformationa
toafindawhatathey'realookingafor.
LandmarksaSHOULDabeamadeabackwardacompatible.a-aans--
TextathataactsaasaaaheadingavisuallyaorastructurallyaSHOULDabeadesignatedaasaaatrueahead
ingainatheamarkup.a-aans--
Headingsaareaaboutalogicalastructure,anotavisualaeffects.aBigaboldatextamayalookalikeaaaheadi
ngatoavisualausers,abutascreenareadersaignoreatheasizeaandafont-
weightaofatheatext,asoablindausersacannotaknowaaaphraseaisaaaheadingaunlessaitaisamarkedau
painatheaHTMLacodeaasasuch,ausinga<h1>,a<h2>,a<h3>,a<h4>,a<h5>,aora<h6>.
TextathatadoesanotaactaasaaaheadingavisuallyaorastructurallyaSHOULDaNOTabeamarkedaasaaa
heading.a-aans--Ifayouawantatoacreateabig,aboldatextaforanon-
headingatext,auseastylesatoaachieveathataeffect.aIfayouauseaheadingamarkupa(<h1>,a<h2>,aet
c.)aforanon-
headingatext,ayouawillaconfuseascreenareaderausersabyacreatingaanainaccurateastructuralaou
tlineaofatheapageacontents.
HeadingsaMUSTabeaaccurateaandainformative.a-aans--
Headingsashouldabeadescriptiveaenoughatoagiveausersaaagoodasenseaofatheacontentatheyawi
llafindawithinathatasectionaofatheadocument.aWhenascreenareaderausersapullaupathealistaofahe
adings,atheyawillahearathealevelaofatheaheading,aplusatheatextawithinatheaheading,aincludingaa
ltatextaforaanyaimagesainsideatheaheading.
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller AGRADEPROMASTER. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $12.99. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
75632 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy study notes for 14 years now