@@ -428,60 +428,60 @@ <h2>A <code><a></code> has an <code>href</code> linking to a content site
428428 < section id ='interactive-elements '>
429429 < h2 > Interactive Elements: not reachable by assistive technologies</ h2 >
430430 < p > Interactive Elements should be reachable by assistive technologies (do not use < code > aria-hidden</ code > on a Interactive Elements.) </ p >
431- < a aria-hidden ="true " href ='https://github.com/jackdomleo7/Checka11y.css '> Anchor for Interactive purposes</ a >
432- < map name ="workmap " aria-hidden ="true ">
433- < area shape ="rect " coords ="34,44,270,350 " alt ="Clickable area " href ="https://checka11y.jackdomleo.dev "/>
434- </ map >
431+ < a aria-hidden ="true " href ='https://github.com/jackdomleo7/Checka11y.css '> Anchor for Interactive purposes</ a >
432+ < map name ="workmap " aria-hidden ="true ">
433+ < area shape ="rect " coords ="34,44,270,350 " alt ="Clickable area " href ="https://checka11y.jackdomleo.dev "/>
434+ </ map >
435435
436- < map name ="workmap " >
437- < area shape ="rect " coords ="34,44,270,350 " alt ="Clickable area " href ="https://checka11y.jackdomleo.dev " aria-hidden ="true "/>
438- </ map >
436+ < map name ="workmap " >
437+ < area shape ="rect " coords ="34,44,270,350 " alt ="Clickable area " href ="https://checka11y.jackdomleo.dev " aria-hidden ="true "/>
438+ </ map >
439439
440- < audio aria-hidden ="true " controls > </ audio >
441-
442- < button aria-hidden ="true "> Button</ button >
443-
444- < iframe aria-hidden ="true " src ="https://checka11y.jackdomleo.dev " title ="Checka11y.css website "> </ iframe >
445-
446- < input aria-hidden ="true " type ="text " />
447-
448- < select aria-hidden ="true "> < option > Option</ option > </ select >
440+ < audio aria-hidden ="true " controls > </ audio >
441+
442+ < button aria-hidden ="true "> Button</ button >
443+
444+ < iframe aria-hidden ="true " src ="https://checka11y.jackdomleo.dev " title ="Checka11y.css website "> </ iframe >
449445
450- < details > Interactive details element< summary aria-hidden ="true "> Summary</ summary > </ details >
451-
452- < textarea aria-hidden ="true "> textarea</ textarea >
453-
454- < video aria-hidden ="true " controls > </ video >
446+ < input aria-hidden ="true " type ="text " />
447+
448+ < select aria-hidden ="true "> < option > Option</ option > </ select >
449+
450+ < details > Interactive details element< summary aria-hidden ="true "> Summary</ summary > </ details >
451+
452+ < textarea aria-hidden ="true "> textarea</ textarea >
453+
454+ < video aria-hidden ="true " controls > </ video >
455455
456- < div aria-hidden ='true ' role ='button '> interactive custom button</ div >
457- < div role ="link " aria-hidden ="true "> Custom Link</ div >
458- < div role ="combobox " aria-hidden ="true "> ComboBox</ div >
456+ < div aria-hidden ='true ' role ='button '> interactive custom button</ div >
457+ < div role ="link " aria-hidden ="true "> Custom Link</ div >
458+ < div role ="combobox " aria-hidden ="true "> ComboBox</ div >
459459
460- < ul role ="menu ">
461- < li role ="menuitem " aria-hidden ="true "> Menu Item 1</ li >
462- < li role ="menuitem " tabindex ="0 "> Menu Item 2</ li >
463- </ ul >
460+ < ul role ="menu ">
461+ < li role ="menuitem " aria-hidden ="true "> Menu Item 1</ li >
462+ < li role ="menuitem " tabindex ="0 "> Menu Item 2</ li >
463+ </ ul >
464464
465- < div role ="menuitemcheckbox " aria-hidden ="true "> Menu Checkbox</ div >
466- < div role ="menuitemradio " aria-hidden ="true "> Menu Radio</ div >
467- < div role ="option " aria-hidden ="true "> Option</ div >
468- < div role ="radio " aria-hidden ="true "> Radio Button</ div >
469- < div role ="scrollbar " aria-hidden ="true "> Scroll Bar</ div >
470- < div role ="searchbox " aria-hidden ="true "> Search Box</ div >
471- < div role ="separator " aria-valuenow aria-hidden ="true "> Separator with aria-valuenow</ div >
472- < div role ="separator " aria-valuemax aria-hidden ="true "> Separator with aria-valuemax</ div >
473- < div role ="separator " aria-valuemin aria-hidden ="true "> Separator with aria-valuemin</ div >
474- < div role ="slider " aria-hidden ="true "> Slider</ div >
475- < div role ="spinbutton " aria-hidden ="true "> Spin Button</ div >
476- < div role ="switch " aria-hidden ="true "> Switch</ div >
465+ < div role ="menuitemcheckbox " aria-hidden ="true "> Menu Checkbox</ div >
466+ < div role ="menuitemradio " aria-hidden ="true "> Menu Radio</ div >
467+ < div role ="option " aria-hidden ="true "> Option</ div >
468+ < div role ="radio " aria-hidden ="true "> Radio Button</ div >
469+ < div role ="scrollbar " aria-hidden ="true "> Scroll Bar</ div >
470+ < div role ="searchbox " aria-hidden ="true "> Search Box</ div >
471+ < div role ="separator " aria-valuenow aria-hidden ="true "> Separator with aria-valuenow</ div >
472+ < div role ="separator " aria-valuemax aria-hidden ="true "> Separator with aria-valuemax</ div >
473+ < div role ="separator " aria-valuemin aria-hidden ="true "> Separator with aria-valuemin</ div >
474+ < div role ="slider " aria-hidden ="true "> Slider</ div >
475+ < div role ="spinbutton " aria-hidden ="true "> Spin Button</ div >
476+ < div role ="switch " aria-hidden ="true "> Switch</ div >
477477
478- < div role ="tablist ">
479- < div role ="tab " aria-selected ="true "> Tab 1</ div >
480- < div role ="tab " aria-hidden ='true '> Tab 2</ div >
481- </ div >
478+ < div role ="tablist ">
479+ < div role ="tab " aria-selected ="true "> Tab 1</ div >
480+ < div role ="tab " aria-hidden ='true '> Tab 2</ div >
481+ </ div >
482482
483- < div role ="textbox " aria-hidden ="true "> Text Box</ div >
484- < div role ="treeitem " aria-hidden ="true "> Tree Item</ div >
483+ < div role ="textbox " aria-hidden ="true "> Text Box</ div >
484+ < div role ="treeitem " aria-hidden ="true "> Tree Item</ div >
485485 </ section >
486486 </ body >
487487</ html >
0 commit comments