Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Minor Performance and Accessibility Enhancements for Twitter Open-Source Website 🌠 #181

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

sanjaiyan-dev
Copy link

@sanjaiyan-dev sanjaiyan-dev commented Jul 5, 2023

This pull request (PR) aims to introduce a set of small but impactful improvements to enhance the performance and accessibility of the Twitter Open-Source website. These changes will make the website more inclusive, improve rendering speed, and ensure compliance with web accessibility standards. The following improvements have been implemented:

  1. Added aria-label to Hamburger Menu:

    • Added aria-label="Toggle menu" attribute to the Hamburger Menu element.
    • This addition enhances screen reader support, providing a more accessible experience for users who rely on assistive technologies.
  2. Implemented decoding="async" for Image Rendering:

    • Added decoding="async" attribute to the <img> tags.
    • This asynchronous decoding optimizes the rendering of images, resulting in improved page loading speed and a smoother user experience.
  3. Applied Defer Attribute to Scripts:

    • Converted relevant <script> tags to use the defer attribute, e.g., <script defer src=".."/>.
    • The deferred execution of scripts allows the browser to prioritize rendering the page's content first, resulting in faster initial page load times.
  4. Enhanced Accessibility by Converting Divs to Semantic Elements:

    • Identified specific HTML div elements that can be converted to semantic elements for improved accessibility.
    • Replaced appropriate divs with <section> and <article> tags, ensuring the proper structural hierarchy and enhancing screen reader navigation.
  5. Changed Input Type from Text to Search:

    • Modified relevant input fields' type attribute from text to search.
    • This update improves the accessibility of search functionality, allowing users to utilize search-specific features provided by modern browsers and assistive technologies.

These minor improvements not only contribute to the overall performance and user experience of the Twitter Open-Source website but also align with best practices for web accessibility. By addressing these areas, we can make the website more welcoming and efficient for all users.

Thank you for considering this PR.

@CLAassistant
Copy link

CLAassistant commented Jul 5, 2023

CLA assistant check
All committers have signed the CLA.

@sanjaiyan-dev sanjaiyan-dev marked this pull request as ready for review July 5, 2023 20:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants