Shark Website

Shark Website

1. Usability & Saftey

   • Learnability
     • Contrast
       • Colours, text, positioning, size and shapes must be contasted for visability and identification
     • Alignment
       • Components of the web application must be aligned in a way that is easy to understand and indicates the grouping of outcomes
     • Repitition
       • Repition of colour and shape needs to be used to indicate similar content
     • Proximity
       • Elements that are similar must be close in proximity and thus elements that are different must be further apart
   • Icons and images
     • Icons and images used must suit the purpose of the content that surrounds it
     • Images mustbe of good quality and easy to understand
   • Privacy Protection
     • Confidential information such as passwords, birthdate, location must be kept private through the use of the 'get' function
   • Consent Prompts
     • A user must be asked consent before any action takes place within the web application such as, data collection, moving to a new window, opening a pop-up

2. Accessability

   • Percievability
     • Text Alternatives
       • Most browsers now include a voice assistance option. The web application may utilise this by including text descriptions of images and diagrams
     • Distinguishability
       • The web application must feature the use of highly contrasting colours to assist with colourblindness and easy readability
       • Text must be sized in order of importance. Page titles should be the largest dimishing with the lower forms of headings. Body text should be the smallest. All text MUST be large enough to be read by someone with a mild visual impairment
   • Operable
     • Navigable
       • Location
         • Navigation bar must indicate location within the website through the use of shading or an underline
         • The location of items/objects on the page must be meaningful and easy to navigate through
       • Titles
         • Page titles must be meaningful and clearly idicate the context and content of the page
       • Links
         • Any button or link must clearly display the purpose and action associated with it
       • Headings and labels
         • Headings and labels should be used where necessary to indicate importance or display context
     • Personalisation
       • The website must allow for the user to personalise the information they see
       • The website must display information that is personalised to the user and what they require
   • Understandability
     • Readable
       • Language
         • The web application will have text displayed in English with a HTML lang attribute
       • Text
         • Text must be on reasonable size and colour to contrast the background and allow for easy visibilty
     • Input assitance
       • Suggestions for searches near the search bar
       • Frequently asked questions