ryersondmp / sa11y

Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y straightforwardly identifies errors or warnings at the source with a simple tooltip on how to fix them.
https://sa11y.netlify.app
Other
284 stars 44 forks source link

Bug report #99

Open ceford opened 2 days ago

ceford commented 2 days ago

Error Description

vn/this.checkAll/</a/<@http://localhost/jdm3/media/vendor/sa11y/js/sa11y.esm.min.js?3.2.2:12:153175
a@http://localhost/jdm3/media/vendor/sa11y/js/sa11y.esm.min.js?3.2.2:12:153142
vn/this.checkAll/<@http://localhost/jdm3/media/vendor/sa11y/js/sa11y.esm.min.js?3.2.2:12:153673
vn/this.checkAll/<@http://localhost/jdm3/media/vendor/sa11y/js/sa11y.esm.min.js?3.2.2:12:153101
vn/this.checkAll@http://localhost/jdm3/media/vendor/sa11y/js/sa11y.esm.min.js?3.2.2:12:154764
vn/this.initialize/e/<@http://localhost/jdm3/media/vendor/sa11y/js/sa11y.esm.min.js?3.2.2:12:141771

URL

http://localhost/jdm3/jdocmanual?article=user/getting-started/introduction-to-joomla

Comments

I have been using the Accessibility Checker in my local Joomla test site for a long time. Today I updated the software I am testing and got this message. Is it related to the update to Joomla 5.2.2 ?

brianteeman commented 2 days ago

@ceford I just checked and I have no problem with any of my joomla 5.2.2 installs

ceford commented 2 days ago

I added some html today and that seems to be source of the problem. I am still investigating but it looks this is me related rather than a real bug. I will report back when I pinpoint the problem.

ceford commented 2 days ago

I had this in a form:

            <input type="hidden" name="id" id="like" value="" />

It is an obvious typo that I did not notice until I turned on the A11y checker and that big red notice popped up. I guess it still counts as a bug.

adamchaboryk commented 2 days ago

Hi @ceford!

I'm unable to replicate the issue based on this HTML. Where is the typo?

ceford commented 2 days ago

It was an unused line in this form:

        <form id="feedback_form" action="#" method="post" name="feedback_form">
            <div class="input-group">
                <textarea id="comment" class="form-control" name="comment"
                rows="3" columns="60" minlength="10" maxlength="256" required
                placeholder="Text limited to 256 characters"></textarea>
                <label for="comment" class="visually-hidden">Comment</label>
            </div>
            <input type="hidden" name="manual" id="manual" value="" />
            <input type="hidden" name="language" id="language" value="" />
            <input type="hidden" name="heading" id="heading" value="" />
            <input type="hidden" name="filename" id="filename" value="" />
            <?php echo HTMLHelper::_('form.token'); ?>
        </form>