search

a11yedge / capabilities

Inventory of edge capabilities
Other
0 stars 3 forks source link

List for the two areas : as discussed on call #4

Open UsableNet-WCAG opened 9 months ago

UsableNet-WCAG commented 9 months ago

to help round out those sections here you go.

Presentation/Content Layer

This layer focuses on the visual and textual aspects of a website, essentially what users see and read. It includes:

•   Text: Written content, headings, paragraphs.
•   Forms: Input fields, dropdown lists, checkboxes, radio buttons.
•   Colors: Background, text, and accent colors that enhance the website’s aesthetic and usability.
•   Links: Hyperlinks that connect to other pages within the site or external sites.
•   Images: Photographs, illustrations, icons, and logos.
•   Typography: Font styles, sizes, and spacing to enhance readability and visual appeal.
•   Layout: The arrangement of elements on a page, including grid systems and spacing.
•   Videos: Embedded or directly uploaded videos for promotional or informational content.
•   Audio: Background music, podcasts, or other sound elements.
•   Animations: Simple CSS animations that enhance the visual experience without impacting functionality.

Functionality/Interactions Layer

This layer encompasses the dynamic aspects and behaviors of a website, involving user actions and the site’s responses. It includes:

•   Dynamic Content Changes: Content that updates in real time or based on user interactions, often retrieved from a database.
•   Notifications: Alerts, banners, and pop-ups that provide feedback or information to users (e.g., success messages, warnings).
•   Navigation: Dropdown menus, sidebars, and breadcrumbs that help users move through the site.
•   Interactive Elements: Buttons, sliders, and toggles that respond to user inputs.
•   Form Validation: Real-time feedback on form inputs to ensure data integrity before submission.
•   User Authentication and Authorization: Sign-up, login/logout functionality, and access controls based on user roles.
•   API Integrations: Connections to external services and APIs for additional functionality (e.g., social media feeds, weather updates).
•   Data Processing: Operations that handle user input, such as search queries and filtering options.
•   E-commerce Features: Shopping carts, payment processing, and order management systems.
•   Responsive Design: Adjustments to layout and functionality based on the device and screen size.
UsableNet-WCAG commented 8 months ago

I have separated the first list into the two areas as input:

Presentation Layer:

•   Colors: Background, text, and accent colors that enhance the website’s aesthetic and usability.
•   Typography: Font styles, sizes, and spacing to enhance readability and visual appeal.
•   Layout: The arrangement of elements on a page, including grid systems and spacing.
•   Animations: Simple CSS animations that enhance the visual experience without impacting functionality.

Content Layer:

•   Text: Written content, headings, paragraphs.
•   Forms: Input fields, dropdown lists, checkboxes, radio buttons.
•   Links: Hyperlinks that connect to other pages within the site or external sites.
•   Images: Photographs, illustrations, icons, and logos.
•   Videos: Embedded or directly uploaded videos for promotional or informational content.
•   Audio: Background music, podcasts, or other sound elements.