Accessibility, Security and Design for Developers Flashcards
Which senses should be considered for accessibility?
Touch, vision, hearing and speech.
What are the types of disabilities to consider for accessibility?
Permanent - deaf, blind etc
Temporary - injuries, non-chronic illness
Situational - driving, accent
Accessible content should be:
Perceivable, Operatable, Understandable and Robust.
What is WCAG?
WCAG stands for Web Content Accessibility Guidelines and is a set of guidelines for accessible content.
What are the levels of WCAG?
A - the minimum level of WCAG
AA - the second level of WCAG
AAA - the highest level of WCAG
What is a cookie?
A text file stored in your browser or on a web server.
What are the different types of cookies?
Session cookies - in your browser until it shuts down
Persistent cookies - in your browser until its expiry date
First party cookies - cookie from the browsed web site, used to enhance your visit
Third party cookies - cookie from another web site used on another website
How does a cookie work?
- Created in browser on request
- Instructions sent in HTTP header
- Sent as part of all following requests from the browser.
What are the technical attributes of cookies?
Secure - cookie only sent through encrypted protocol
HttpOnly - cookie not available through e.g. JS
SameSite - cookie only transmitted to originating website
What is GDPR?
GDPR stands for General Data Protection Regulation.
It is regulated in the European Union since 2018.
What constitutes a data breach?
When any personal data is lost, stolen, destroyed or changed.
What is a privacy policy?
A policy describing how a company handles user data.
Name some examples of personal data
Name Phone number Address Date of birth Passport number Bank account Social media posts Geotagging Health records Race Religious beliefs Political opinions.
How should you handle GDPR?
- Think first, collect later
- Know exactly what you are collecting and why, you need to have legal ground to store or use that exact data
- Think twice of what’s necessary, ex shipping address.
What is OWASP?
OWASP stands for Open Web Application Security Project.
It is a nonprofit foundation that aims to improve security of software.
OWASP works based on OWASP top 10.
What are the golden rules of designing for developers?
- Body text should not be smaller than 16px
- Be conscious of the colors you use and when you use them
- Color saturation, bright colors naturally stand out, use them for important items
- Visual hierarchy
- Serif vs sans-serif
- Don’t reinvent the wheel
- Every page should have a clear purpose
- The design should be consistent.
Name the 8 tips when designing for developers
- Use components
- Name everything
- Leave notes for everything
- Create a design system
- Reuse block whenever possible
- Reuse page structures whenever possible
- Talk to developer if you are unsure
- Start designing desktop, then mobile if time permits.