Information Joomla 4
Name: t4 blank
Version: 1.1.4
Google PageSpeed Insights says. that template not show accessibility information:
1)

button, link, and menuitem elements do not have accessible names.
When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers
2)
Elements with visible text labels do not have matching accessible names.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users.

How solve it?

    maxer7 changed the title to Problem with Accessibility PageSpeed Insights.

    Hi maxer7,

    1/ Here are some guidelines for making your elements accessible:

    Add Descriptive Text: For buttons, links, and menu items, ensure that they have descriptive text that conveys their purpose or action. This text should be meaningful and informative. Use the aria-label attribute, alt attribute for images, or provide visible text within the element.
    For example:

    for a button:
    <button aria-label="Search" type="button">Search</button>

    For a link:
    <a href="/about" aria-label="About Us">About Us</a>

    2/ Add Appropriate Attributes: For elements like buttons and links, use the aria-label attribute to specify the accessible name if necessary. This attribute is particularly useful when the visible text label differs from the actual purpose of the element.

    For example:
    <button aria-label="Search" type="button">Search</button>

    Hope this helps!

        dominic
        Thank you for your answer. Could you tell me, how change it?
        Which css files, I should change?
        !

            Hi maxer7,

            1/ You can add the following file to the t4_bs5_blank\html\layouts\t4\element folder:

            offcanvas-toggle.zip
            735B

            2/ You can add the following file to the t4_bs5_blank\html\layouts\joomla\content folder then edit the buttons:

            readmore.zip
            895B
              13 days later

              I using T4 blank template, not t4 bs5 blank template

                Hi maxer7,
                Yes, you can add these files to the \templates\t4_blank\html\layouts\t4\element folder.

                    a year later

                    maxer7 You can create that folder if it doesn't exist now.

                      Write a Reply...
                      You need to Login to view replies.