[{"data":1,"prerenderedAt":148},["ShallowReactive",2],{"cms:en:site\u002Faccessibility":3},{"id":4,"title":5,"body":6,"description":140,"extension":141,"meta":142,"navigation":143,"path":144,"seo":145,"stem":146,"__hash__":147},"cms_en\u002Fguides\u002Fen\u002Fcms\u002Fsite\u002Faccessibility.md","Accessibility",{"type":7,"value":8,"toc":134},"minimark",[9,13,17,22,73,85,89],[10,11,5],"h1",{"id":12},"accessibility",[14,15,16],"p",{},"Your site is built to serve every visitor, including people who use a keyboard, a screen reader or magnification. Much of that is built in. The rest comes from how editors write.",[18,19,21],"h2",{"id":20},"what-the-site-does","What the site does",[23,24,25,33,39,45,55,67],"ul",{},[26,27,28,32],"li",{},[29,30,31],"strong",{},"Skip to main content"," is the first thing a keyboard reaches on every page, public and admin.",[26,34,35,38],{},[29,36,37],{},"Menus"," open and close from the keyboard, and close with Escape.",[26,40,41,44],{},[29,42,43],{},"Language"," is marked on every page and every result. A screen reader speaks each in the right voice.",[26,46,47,50,51,54],{},[29,48,49],{},"Motion"," stays still for visitors whose device asks for less of it, and the homepage slideshow has a ",[29,52,53],{},"Pause slideshow"," button.",[26,56,57,60,61,66],{},[29,58,59],{},"Brand colours"," keep a contrast of at least 4.5 to 1 against white. ",[62,63,65],"a",{"href":64},"\u002Fguides\u002Fcms\u002Fsite\u002Fidentity","Site identity"," accepts nothing lighter.",[26,68,69,72],{},[29,70,71],{},"Reordering"," in the admin uses arrow buttons. The keyboard reaches every move.",[14,74,75,76,79,80,84],{},"The site also publishes an ",[29,77,78],{},"Accessibility Statement"," at ",[81,82,83],"code",{},"\u002Faccessibility",", linked from every page's footer, with how to ask for another format.",[18,86,88],{"id":87},"what-editors-add","What editors add",[23,90,91,101,112,118,124],{},[26,92,93,96,97,100],{},[29,94,95],{},"Describe every image."," The ",[29,98,99],{},"Describe the image"," box, in each language, is what a screen reader speaks. Say what the image shows and why it is there. Leave it empty only for an image that is decoration alone.",[26,102,103,106,107,111],{},[29,104,105],{},"Use headings in order."," One heading per topic, with sub-headings under it. A visitor then moves from heading to heading. See ",[62,108,110],{"href":109},"\u002Fguides\u002Fcms\u002Fcontent\u002Frich-text","Rich text",".",[26,113,114,117],{},[29,115,116],{},"Write link text that says where it goes."," \"Pay your property tax\" tells a visitor more than \"click here\".",[26,119,120,123],{},[29,121,122],{},"Give documents a description."," A PDF's description is what search and screen readers read.",[26,125,126,129,130,111],{},[29,127,128],{},"Write for each language."," A page in every language the site offers reaches everyone. See ",[62,131,133],{"href":132},"\u002Fguides\u002Fcms\u002Flanguages","Languages",{"title":135,"searchDepth":136,"depth":136,"links":137},"",2,[138,139],{"id":20,"depth":136,"text":21},{"id":87,"depth":136,"text":88},"What the site does for every visitor, and the parts editors add: image descriptions, readable colours, clear headings and link text.","md",{},true,"\u002Fguides\u002Fen\u002Fcms\u002Fsite\u002Faccessibility",{"title":5,"description":140},"guides\u002Fen\u002Fcms\u002Fsite\u002Faccessibility","Fq7d5sjRvM5sLQtDK_COrZNtFcvnwsXAD3QuZpF3g94",1793063542107]