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

New Issue

miraty · 2020-10-31T15:12:41+01:00

miraty commented

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

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.

miraty added the

accessibility

label 2020-10-31 15:19:11 +01:00

miraty added this to the 2.0.0 milestone 2020-10-31 15:21:09 +01:00

miraty commented

2021-03-07 23:17:59 +01:00

Done in commit 9944bfbb82.

Done in commit 9944bfbb82.

miraty closed this issue

2021-03-07 23:18:02 +01:00

Sign in to join this conversation.