Hi,
\n
I used player modern with accessibility settings. After accessibility verification, the test gave some violations:
\n
1) \"sure controls are not nested as they are not announced by screen readers\".
\n
Here the details about impacted code snippets:
\n
------------
\n
<button id=\"play-pause\" class=\"content-center cs-button\" aria-pressed=\"true\" aria-label=\"giocare/pausa\" data-tabindex=\"0\" tabindex=\"0\" style=\"position: absolute; left: 0px; top: 0px; overflow: hidden; transformorigin:
center center; z-index: 1; background: transparent; border: none; cursor: pointer; width: 34px; height: 34px; transform: translate(0px, 16px); display: block;\">
\n
--------------
\n
<button id=\"full-screen-toggle\" class=\"cs-button btn fullscreen-open-btn\" data-tabindex=\"0\" tabindex=\"0\" aria-label=\"Entra in modalità a schermo intero\" style=\"position: absolute; left: 0px; top: 0px; overflow:
hidden; transform-origin: center center; z-index: 1; cursor: pointer; width: 30px; height: 58px; transform: translate(0px, 4px); display: block;\">
\n
-------------
\n
<button id=\"next\" class=\"cs-button btn cs-disabled\" aria-label=\"prossimo\" data-tabindex=\"0\" tabindex=\"0\" style=\"position: absolute; left: 0px; top: 0px; overflow: visible; transform-origin: center
center; cursor: pointer; width: 82px; height: 30px; transform: translate(40px, 18px); display: block;\" ariadisabled=\"
true\">
\n
-----------
\n
<button id=\"resources-link\" class=\"cs-topmenu-item cs-tabs top-tab panel-link\" data-tabindex=\"0\" tabindex=\"0\" aria-controls=\"resourcesLinkPanel\" aria-expanded=\"false\" style=\"position: absolute; left:
0px; top: 0px; overflow: hidden; transform-origin: center center; z-index: 2; cursor: pointer; width: 79px; height: 23px; transform: translate(1590px, 0px); display: block;\">
\n
------
\n
And other two problem are:
\n
2) Ensures <iframe> and <frame> elements have an accessible name attribute.
\n
3) Ensure elements that have scrollable content are accessible by keyboard:
\n
code snippet: <nav id=\"outline-content\" class=\"is-scrollable cs-outline \" tabindex=\"-1\" style=\"position: absolute;
left: 0px; top: 0px; overflow: auto; transform-origin: center center; width: 398px; height: 601px; transform: translate(0px, 10px);\" data-tabindex=\"-1\">
\n
----
\n
What do I have to do?
\n
Thanks,
\n
Damiana
\n
\n
","body@stringLength":"2547","rawBody":"Hi,
\n
I used player modern with accessibility settings. After accessibility verification, the test gave some violations:
\n
1) \"sure controls are not nested as they are not announced by screen readers\".
\n
Here the details about impacted code snippets:
\n
------------
\n
<button id=\"play-pause\" class=\"content-center cs-button\" aria-pressed=\"true\" aria-label=\"giocare/pausa\" data-tabindex=\"0\" tabindex=\"0\" style=\"position: absolute; left: 0px; top: 0px; overflow: hidden; transformorigin:
center center; z-index: 1; background: transparent; border: none; cursor: pointer; width: 34px; height: 34px; transform: translate(0px, 16px); display: block;\">
\n
--------------
\n
<button id=\"full-screen-toggle\" class=\"cs-button btn fullscreen-open-btn\" data-tabindex=\"0\" tabindex=\"0\" aria-label=\"Entra in modalità a schermo intero\" style=\"position: absolute; left: 0px; top: 0px; overflow:
hidden; transform-origin: center center; z-index: 1; cursor: pointer; width: 30px; height: 58px; transform: translate(0px, 4px); display: block;\">
\n
-------------
\n
<button id=\"next\" class=\"cs-button btn cs-disabled\" aria-label=\"prossimo\" data-tabindex=\"0\" tabindex=\"0\" style=\"position: absolute; left: 0px; top: 0px; overflow: visible; transform-origin: center
center; cursor: pointer; width: 82px; height: 30px; transform: translate(40px, 18px); display: block;\" ariadisabled=\"
true\">
\n
-----------
\n
<button id=\"resources-link\" class=\"cs-topmenu-item cs-tabs top-tab panel-link\" data-tabindex=\"0\" tabindex=\"0\" aria-controls=\"resourcesLinkPanel\" aria-expanded=\"false\" style=\"position: absolute; left:
0px; top: 0px; overflow: hidden; transform-origin: center center; z-index: 2; cursor: pointer; width: 79px; height: 23px; transform: translate(1590px, 0px); display: block;\">
\n
------
\n
And other two problem are:
\n
2) Ensures <iframe> and <frame> elements have an accessible name attribute.
\n
3) Ensure elements that have scrollable content are accessible by keyboard:
\n
code snippet: <nav id=\"outline-content\" class=\"is-scrollable cs-outline \" tabindex=\"-1\" style=\"position: absolute;
left: 0px; top: 0px; overflow: auto; transform-origin: center center; width: 398px; height: 601px; transform: translate(0px, 10px);\" data-tabindex=\"-1\">
\n
----
\n
What do I have to do?
\n
Thanks,
\n
Damiana
\n
\n
","kudosSumWeight":0,"postTime":"2022-12-09T03:24:11.000-08:00","images":{"__typename":"AssociatedImageConnection","edges":[],"totalCount":0,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjQuMTF8Mi4xfG98MTB8X05WX3wx","node":{"__typename":"Tag","id":"tag:storyline 360","text":"storyline 360","time":"2014-10-09T03:01:38.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":2,"currentRevision":{"__ref":"Revision:revision:477670_1"},"latestVersion":null,"metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"isEscalated":null,"placeholder":false,"originalMessageForPlaceholder":null,"messagePolicies":{"__typename":"MessagePolicies","canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"archivalData":null,"searchSnippet":"...creen readers\". \n Here the details about impacted code snippets: \n ------------ \n <button id=\"play-pause\" class=\"content-center cs-button\" aria-pressed=\"Hi Damiana,
\n
I see that you've reached out to our Support Engineers for help, and you're working with my teammate, Mark. You're in good hands! We'll continue the conversation in the support case.
\n
Enjoy the rest of your day!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2022-12-12T06:59:17.000-08:00","lastPublishTime":"2022-12-12T06:59:17.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"isEscalated":null,"solution":false,"entityType":"FORUM_REPLY","eventPath":"category:connect/community:rwgqn69235board:discuss/message:477670/message:477671","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1737504985000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1737504985000","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-components/messages/EscalatedMessageBanner-1737504985000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/EscalatedMessageBanner-1737504985000","value":{"escalationMessage":"Escalated to Salesforce by