Ray's Soup Kitchen

Ray's Soup Kitchen

1. Accessibility (WCAG)

   • Perceivable
     • Distinguishable
       • Contrast
         • A colour scheme that contrasts effectively and is suitable for the target audience e.g. A children's website might have a range of bright colours
         • The colours selected should make it easy to see the text
         • The fonts, sizing and positioning of the headings and texts should be carefully considered to ensure that it is easy to understand and see what is suppose to stand out
     • Text Alternatives
       • A read out loud accessibility (button)
       • Large and clear font
         • Button/tab available to change sizing for personal preference
     • Adaptable
       • Suitable for user's on both hand-held devices and computers
         • Has the same layout and structure on different devices, with same information
   • Operable
     • Keyboard Accessible
       • Keyboard keys can be used to navigate the website
     • Navigable
       • Have clear headings, tabs and directions to interact with the website, being simple to use
         • Navigation bar
       • Chat box option?
       • Search bar- navigational component
     • Seizure
       • Ensure there is no flashing of lights or colours
   • Understandable
     • Readable
       • Simple font text, decent sizing of sections of texts, headings and images, and information that is understandable by the target audience
     • Predictable
       • Labelled buttons and links take user to what they are about??
       • Common and simple layout
     • Input assistance
       • Help button possibly?
       • Autocorrect if necessary in input sections
   • Robust
     • Compatible
       • Screen reader

2. Learnability and effectiveness

   • Contrast
     • Effective sizing and positioning to distinguish between headings and text
   • Alignment
     • Align elements to be easy to read and understand
   • Repetition
     • Repetition of the positioning of images on each page, repeated fonts and sizes on each page
   • Proximity
     • Group information and elements together

3. Utility

   • Portability
     • Works appropriately on different web browsers
   • Responsiveness
     • Alters layout on different devices