Skip to main content

Posts

Showing posts from January, 2021

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

Converting your JSON object into QR Code in Angular

 Hello, If you're looking for covering your JSON into QR code in angular then you can follow the below steps. 1. You can download  angularx-qrcode  from NPM. 2.  npm install angularx-qrcode --save within your project. 3. Import QRCodeModule in your app.module.ts  import { QRCodeModule } from 'angularx-qrcode'; 4. Next, you need to convert JSON object into a string and assign it to some variable. var obj={ "fistName":"John","lastName":"Smith"}; this.qrVal=JSON.stringify(obj); 5. Add qrcode tag in component html with qrVal. <qrcode [value]="qrVal"></qrcode> 6. Run and build your app QR Code will appear on your page. 7. You can use your phone camera or QR Scanner to scan the QR code. cheers :)

Learn, Fun, Play with Flex box

 There are multiple ways by which we could design our layout. To design web developers normally use all sorts of combinations of positioning floating to align and design a page. Now, If you've complex designs to develop you've nothing to worry. yupp.. All thanks to Flex design display systems in CSS make developers' life much easy. Flex-box Layout module can be helpful for developers to develop responsive layouts easily without using the float and position. You can find thousands of resources online to learn flex. I recommend below two links to learn and play around with Flex Yougalayout Flexboxfroggy cheers :)