Menu icon Foundation
Accessibility issue - offcanvas label

Off canvas navigation   foundation docs 3

Use of the label element in the off-canvas menu as a section header is an accessibility error.

On my site I've removed the label element and instead have applied a class to the li and styled appropriately.

I just wanted to give a heads up for anyone that has to adhere to WCAG.

off-canvasaccessability

Off canvas navigation   foundation docs 3

Use of the label element in the off-canvas menu as a section header is an accessibility error.

On my site I've removed the label element and instead have applied a class to the li and styled appropriately.

I just wanted to give a heads up for anyone that has to adhere to WCAG.

Rafi Benkual over 5 years ago

Thanks for posting this information! It is useful to people building sites to keep these accessibility features in mind.