Day 29 Find 3 accessibility issues without using an evaluation tool.

There are many accessibility issues that  can’t be replicated by a machine or computer program, which makes manual accessibility testing essential for ensuring that your solutions are actually usable for visitors with specific disabilities. 

Below are a few ways to test website accessibility manually:

#1) We can use high contrast mode:Using high contrast mode we can highlight the content of the website. When we turn the high contrast mode, the content of the website gets highlighted automatically as it turns into white or yellow and the background turns black.After this, we can see if the content is properly visible or not.

#2) By not accessing the Images:Temporarily for time being, you can turn off the access to image through your browser and see if the text-justify the content as some people may not have access to that or sometimes it takes too long to load the images.

#3) Checking for captions: Check if a caption is available and make sure it is pretty much descriptive. Many times we come across links on the facebook page where the images or videos may take a long time to display but the captions will help us a lot.

#4) By turning off the cascading style sheet (CSS): CSS is basically used to describe the presentation of the document. By turning this off we can check for the background color, text style, and text presentation style.

#5) Try to use the keyboard: Try not to touch the mouse and access the website with the help of a keyboard.You can use the “Tab” key to switch between links.“Tab”+”Shift” will take to you where you were before.

#6) Use field label: It is useful while filling a form, field label is what you will see while viewing a template. By using this, one can fill out the necessary information while signing up or ordering something online.

#7) Changing the font size to large: Use large font size and continuer accessibility checking.

#8) Skip navigation: This may be useful for people with motor disabilities. By clicking Ctrl + Home you can move your focus to the top of the page.

#9) PDF document: Try to save the PDF file in the form of text and check if the order for the content is maintained or not.

#10) By disabling the style: Disable the style and check if the content of the table is properly lined up or not.

#11) Content scaling: Try to zoom out the image and check if it is readable.

Finding accessibility issue with Manual Testing:-

I checked the Toyshop website for this task  & I found the following accessibility issues.

1. When navigating with keyboard across the website 

• No focus when navigating with keyboard only.

• I couldn't access the header menu with the keyboard.

1. 2. After turning off the access to the image through chrome browser.

   • No text present for justifying the content.

   • No alt text for images & links.

     

     
     

     
     
     
     
     

       3. Videos on websites are in French & don’t have any subtitles /transcript.