2024-02-20 14:11:47 +01:00
|
|
|
include::../common/why.adoc[]
|
2023-11-09 17:10:35 +01:00
|
|
|
|
2024-02-20 14:11:47 +01:00
|
|
|
include::../common/how.adoc[]
|
2023-11-09 17:10:35 +01:00
|
|
|
|
|
|
|
=== Code examples
|
|
|
|
|
|
|
|
==== Noncompliant code example
|
|
|
|
|
|
|
|
[source,javascript,diff-id=1,diff-type=noncompliant]
|
|
|
|
----
|
|
|
|
function myListElement() {
|
|
|
|
return <li role="button">Foo</li>; // Noncompliant; "li" isn't interactive, but "button" is
|
|
|
|
}
|
|
|
|
----
|
|
|
|
|
|
|
|
==== Compliant solution
|
|
|
|
|
|
|
|
[source,javascript,diff-id=1,diff-type=compliant]
|
|
|
|
----
|
|
|
|
function myListElement() {
|
|
|
|
return <li role="listitem">Foo</li>;
|
|
|
|
}
|
|
|
|
----
|
|
|
|
|
2024-02-20 14:11:47 +01:00
|
|
|
include::../common/resources.adoc[]
|