Help text should use <summary> and <details> elements #2

New issue

Closed

opened 2020-10-31 15:12:41 +01:00 by miraty · 1 comment

miraty commented

2020-10-31 15:12:41 +01:00

Owner

For now, the help text is made in CSS, and when using a screen reader all the content is showed (I guess).

Instead of using :hover in CSS, the help text should be a switch button that use semantic HTML elements : <summary> and <details>, in order to enhance accessibility.

For now, the help text is made in CSS, and when using a screen reader all the content is showed (I guess). Instead of using `:hover` in CSS, the help text should be a switch button that use semantic HTML elements : [`<summary>`](https://developer.mozilla.org/docs/Web/HTML/Element/summary) and [`<details>`](https://developer.mozilla.org/docs/Web/HTML/Element/details), in order to enhance accessibility.