Skip to main content

Navigating WCAG 2.1: A Step-by-Step Approach for Developers

 Get Familiar with WCAG 2.1: WCAG 2.1 is like the rulebook for web accessibility. It's split into four parts: Perceivable, Operable, Understandable, and Robust (POUR). For instance, "Perceivable" includes rules like giving all images a text description (alt text) for folks who can't see them.  Run an Accessibility Audit: Use tools like Google Lighthouse or WAVE to scan your site. They'll flag up stuff like missing alt text, low color contrast, or form fields without labels.  Manual Testing: Automated tools can't catch everything. You'll need up roll to your sleeves and do some manual testing. Try navigating your site using only your keyboard, or using a screen reader like NVDA or VoiceOver. You're checking that all content and functionality is accessible.   Write an Accessibility Statement: This is a page on your site where you talk about your commitment to accessibility. You could mention that you're aiming for WCAG 2.1 Level AA compliance, lis

Few useful github commands

Git has many different commands that you can use. Please find few very basic useful commands.




//TO CONFIG USER
git config --global user.email "user@domain.com"

//TO CACHE USERS LOGIN
git config --global credential.helper cache

// TO INTIATE GIT
git init

// TO ADD FILE TO STAGING
git add filename_here

// TO ADD ALL CHANGES TO STAGING
git add .

// TO CERTAIN FILES CHANGES TO STAGING
git add fil*

// TO CHECK GIT STATUS
git status

// TO COMMIT CHANGES WITH MESSAGE
git commit -m "your commit message here"

// TO COMMIT AND SKIP STAGING
git commit -a -m"your commit message here"

// TO AMMEND MOST RECENT COMMIT 
git commit --amend

// TO SEE COMMIT HISTORY
git log

// TO SEE SPECIFIC COMMIT
git show commit-id

// TO SEE CHANGES BEFORE COMMITING
git diff

// REVERT STAGED CHANGES
git reset HEAD filename
git reset HEAD -p

// ROLLBACK LAST COMMMIT OR TO COMMIT ID
git revert HEAD
git revert comit_id

// TO CREATE NEW BRANCH AND CHECKOUT
git branch branch_name
git checkout branch_name

// LIST BRANCHES
git branch -a

// CHECKOUT BRANCH
git checkout -b branch_name

// DELETE BRANCH
git branch -d branch_name

// MERGE BRANCH
git merge branch_name

// TO SEE COMMIT LOG FOR ALL BRANCHES
git log --graph --oneline --all

// TO ADD REMOTE REPOSITORY
git add remote https://repo_here

// TO SEE REMOTE REPOSITORY URL
git remote -v

// TO GET MORE INFO ABOUT REMOTE REPOSITORY
git remote show origin

// TO PUSH AND PULL CHANGES
git push
git pull

// TO PUSH OR DELETE NEW BRANCH TO REMOTE
git push -u origin branch_name
git push --delete origin branch_name_here

// TO REBASE BRANCH
git rebase branch_name

// TO REVERT TO PREVIOUS COMMIT
git reset --hard HEAD
git reset --hard commit_id

Comments

Popular posts from this blog

Flexbox CSS Cheat Sheet by Learnpine

 

Navigating WCAG 2.1: A Step-by-Step Approach for Developers

 Get Familiar with WCAG 2.1: WCAG 2.1 is like the rulebook for web accessibility. It's split into four parts: Perceivable, Operable, Understandable, and Robust (POUR). For instance, "Perceivable" includes rules like giving all images a text description (alt text) for folks who can't see them.  Run an Accessibility Audit: Use tools like Google Lighthouse or WAVE to scan your site. They'll flag up stuff like missing alt text, low color contrast, or form fields without labels.  Manual Testing: Automated tools can't catch everything. You'll need up roll to your sleeves and do some manual testing. Try navigating your site using only your keyboard, or using a screen reader like NVDA or VoiceOver. You're checking that all content and functionality is accessible.   Write an Accessibility Statement: This is a page on your site where you talk about your commitment to accessibility. You could mention that you're aiming for WCAG 2.1 Level AA compliance, lis

Free classic icon libraries for developers

Hello techies,  Here are a few Best free icon libraries Material UI Icons Great set of icons available free to download in SVG and PNG format. Feather Icons Big list of icons with option to change size and color Zondi Icons A few list of standard icons available free to download Hero Icons Variety of icons free to copy as SVG format and can be used within JSX Hero Pattern Good number of SVG patterns available free to download and use for your application. The Noun Project One of the best place to download creative icons but, needs to give credits to creators. .