DEV Community: Cliff Gor

A Beginner's Guide to ARIA: Making Your Web Content Accessible

Cliff Gor — Thu, 27 Apr 2023 19:19:51 +0000

As the web continues to become an increasingly important part of our lives, it's essential that everyone has access to the content on it. This includes people with disabilities, who may use assistive technologies like screen readers or keyboard-only navigation to access the web. To make sure that your website is accessible to everyone, you can use ARIA (Accessible Rich Internet Applications) attributes. In this beginner's guide, we'll explain what ARIA is and how to use it.

What is ARIA?

ARIA is a set of attributes that you can add to your HTML tags to make your web content more accessible. ARIA was developed by the W3C (World Wide Web Consortium) to provide a way for web developers to create accessible web applications. ARIA attributes can be used to describe the role, state, and properties of elements on a web page, and can help assistive technologies like screen readers and keyboard-only users understand the content on the page.

How to Use ARIA

Using ARIA is fairly straightforward. You simply add ARIA attributes to the HTML tags that you want to make more accessible. There are a number of different ARIA attributes available, but some of the most common ones include:

aria-label: This attribute can be used to provide a text label for an element that doesn't have any visible text. For example, if you have an image that doesn't have a text description, you can use aria-label to provide a description that will be read by screen readers.

Example:

<img src="example.jpg" alt="Example" aria-label="A scenic view of a lake and mountains">

aria-labelledby: This attribute can be used to associate an element with a text label that is located elsewhere on the page. This can be useful for situations where you want to provide more detailed information about an element.

Example:

 <h2 id="heading1">Welcome to our website!</h2>
<button aria-labelledby="heading1">Learn More</button>

aria-describedby: This attribute can be used to associate an element with a longer description of what it does or how it works. This can be useful for providing additional context or instructions for an element.

Example:

    <button aria-describedby="instructions">Submit</button>
<p id="instructions">Click this button to submit your information.</p>

aria-hidden: This attribute can be used to hide an element from assistive technologies. This can be useful for elements that are decorative or that don't provide any useful information to users.

Example:

<span aria-hidden="true">X</span>

Conclusion

Making your web content accessible to everyone is important, and using ARIA attributes can help you achieve this goal. By adding ARIA attributes to your HTML tags, you can provide additional information about the role, state, and properties of elements on your web page, making it easier for people with disabilities to navigate and understand your content. Start using ARIA today and help make the web a more inclusive place for everyone.

Monday Express Day [5]

Cliff Gor — Mon, 26 Oct 2020 07:05:26 +0000

Hello, welcome to the fifth BigO notation challenge where we will be solving a few challenges.

Goodmorning again welcome to #mondayexpress, today we will be heading over to our exercisim team where each week I share new challenges to fix.

Here is today's challenge

Introduction
Implement the accumulate operation, which, given a collection and an operation to perform on each element of the collection, returns a new collection containing the result of applying that operation to each element of the input collection.

Given the collection of numbers:

1, 2, 3, 4, 5
And the operation:

square a number (x => x * x)
Your code should be able to produce the collection of squares:

1, 4, 9, 16, 25
Check out the test suite to see the expected function signature.

Restrictions
Keep your hands off that collect/map/fmap/whatchamacallit functionality provided by your standard library! Solve this one yourself using other basic tools instead.

Setup
Go through the setup instructions for Javascript to install the necessary dependencies:

https://exercism.io/tracks/javascript/installation

Requirements
Please cd into exercise directory before running all below commands.

Install assignment dependencies:

$ npm install

Making the test suite pass
Execute the tests with:

$ npm test

In the test suites all tests but the first have been skipped.

Once you get a test passing, you can enable the next one by changing xtest to test.

Submitting Solutions
Once you have a solution ready, you can submit it using:

exercism submit accumulate.js
Submitting Incomplete Solutions
It's possible to submit an incomplete solution so you can see how others have completed the exercise.

To Join click on the link here Monday Express. If you need more languages covered you can always reach out

Let's Join and solve these challenges.

Monday Express [ Day 4 ]

Cliff Gor — Mon, 19 Oct 2020 08:36:13 +0000

Hello, welcome to the fourth BigO notation challenge where we will be solving a few challenges.

Goodmorning again welcome to #mondayexpress, today we will be heading over to our exercisim team where each week I share new challenges to fix. Thank you to Claud and Larry for solving our first challenge

To Join click on the link here Monday Express. If you need more languages covered you can always reach out

Let's Join and solve these challenges.

Disrupting Supply chain Management As A Software Engineer

Cliff Gor — Fri, 09 Oct 2020 10:25:40 +0000

What is Supply Chain Management?

According to Investopedia, Supply Chain Management (SCM) is the management of the flow of goods and services and includes all processes that transform raw materials into final products. It involves the active streamlining of a business's supply-side activities to maximize customer value and gain a competitive advantage in the marketplace.

How do Software Engineers come in place? Software Engineers and Supply Chain Management:

The first time I heard about supply chain management was at work when I was on boarded as a developer atxetova:

xetova was launched in 2019 by Bramuel Mwalo with the vision of providing holistic, intelligent and efficient solutions to Africa’s large scale procurement space. xetova was born from his passion in researching and designing solutions that enhance SME inclusion, access to finance, growth acceleration and market inclusion. Comprising a dynamic team with collective experience from various industries, xetova is focused on innovating new business frontiers and strategies in the procurement marketplace to be holistic, collaborative, inclusive and simple.

Two weeks later the company announced that all members were going to have a crash course on supply chain management. I was so excited that I went to take a course on LinkedIn just to get a better understanding of hat Supply Chain Management(SCM) is all about.

In the developer context

Supply Chain Management from my context

We develop applications either as a freelancer or at a company and sometimes it takes time to scale. What if we could use SCM as an advantage to scale our applications.

There are key pillars of SCM

Procurement -
Through procurement, we can for our development process, i.e.
Your best cloud platform
The coding language used to build your application
How much developer time would you spend on it
How many developers would you need in your team
Manufacturing and Operations-
As it says, this is the point where all decisions are made and you now start working on your product.
Logistics and Transportation-
After developing the product you can’t push it to production like that. You have to write tests, know how your users will get to use the product. Should you do marketing of the product? Does the product require onboarding? These are the things you consider before go to market
Go to market

Once you consider all these key pillars you are guaranteed to a successful product that will scale and will have your Product and Development Team Stress-Free with less work.

Monday Express [Day 3] Exercism

Cliff Gor — Mon, 05 Oct 2020 10:07:36 +0000

Hello, welcome to the third BigO notation challenge where we will be solving a few challenges.

Thank you all for last week's remarks. We had a chance to read a detailed explanation of what BigO notation is and how you can go about solving the challenges.

We have been solving challenges and today I found out about a wonderful platform that is free Exercism and also we could maximize it.

Through this, it would help improve your problem-solving skills and even tackle big company coding challenges.

That is why I created a team link where we can solve challenges and share what we learned from the challenges.

To Join click on the link here Monday Express. If you need more languages covered you can always reach out

Let's Join and solve these challenges.

Monday Express BigO Notation [Day 2]

Cliff Gor — Mon, 28 Sep 2020 07:58:57 +0000

Hello welcome to the second BigO notation challenge where we will be solving a few challenges.

Today we will be taking a new route just to understand what BigO Notation is

What is BigO Notation?

Big O notation is the language we use for talking about how long an algorithm takes to run (time complexity) or how much memory is used by an algorithm (space complexity). Big O notation can express the best, worst, and average-case running time of an algorithm. Big-O Notation: A Simple Explanation with Examples

Big-O Notation: A Simple Explanation with Examples | by Pamela Lovett | Better Programming

Pamela Lovett ・ Jan 28, 2020 ・
Medium

Well said you can check that blog which has a lot of explanation about O Notation.

There are 4 key things to consider while solving BigO challenges

When you have different steps in your algorithm you add them
You drop constants as they are described as (o) of n
If you have different inputs you use different variables to represent that eg
You drop non dominate terms

You can watch a simple explanation of BigO Notation

Thank you for reading see you next week 🎉

Monday Express BigO Notation [Day 1]

Cliff Gor — Mon, 21 Sep 2020 07:08:01 +0000

Hello welcome to the first BigO notation challenge where we will be solving a few challenges 🚀

For our first challenge we are going to solve this problem, feel free to use any language that you are comfortable with.

Big O Challenge Link

A prime is a natural number greater than that has no positive divisors other than and itself. Given integers, determine the primality of each integer and print whether it is Prime or Not prime on a new line.

Note: If possible, try to come up with an primality algorithm, or see what sort of optimizations you can come up with for an algorithm. Be sure to check out the Editorial after submitting your code!

Function Description

Complete the primality function in the editor below. It should return Prime if is prime, or Not prime.

primality has the following parameter(s):

n: an integer to test for primality

Input Format

The first line contains an integer, , denoting the number of integers to check for primality.

Each of the subsequent lines contains an integer, , the number you must test for primality.

Constraints

Output Format

For each integer, print whether is Prime or Not prime on a new line.

Sample Input

Sample Output

Not prime
Prime
Prime

Explanation

We check the following integers for primality:

is divisible by numbers other than and itself (i.e.: , , , ), so we print Not prime on a new line.
is only divisible and itself, so we print Prime on a new line.
is only divisible and itself, so we print Prime on a new line.

I hope to see all those responses and if you can do a video solving the solution.

DEV Community: Cliff Gor

A Beginner's Guide to ARIA: Making Your Web Content Accessible

Monday Express Day [5]

Here is today's challenge

Monday Express [ Day 4 ]

Disrupting Supply chain Management As A Software Engineer

What is Supply Chain Management?

How do Software Engineers come in place? Software Engineers and Supply Chain Management:

In the developer context

There are key pillars of SCM

Monday Express [Day 3] Exercism

Monday Express BigO Notation [Day 2]

Hello welcome to the second BigO notation challenge where we will be solving a few challenges.

Today we will be taking a new route just to understand what BigO Notation is

What is BigO Notation?

Big-O Notation: A Simple Explanation with Examples | by Pamela Lovett | Better Programming

Pamela Lovett ・ Jan 28, 2020 ・ Medium

Well said you can check that blog which has a lot of explanation about O Notation.

Thank you for reading see you next week 🎉

Monday Express BigO Notation [Day 1]

Hello welcome to the first BigO notation challenge where we will be solving a few challenges 🚀

For our first challenge we are going to solve this problem, feel free to use any language that you are comfortable with.

Good Luck 🎉

Pamela Lovett ・ Jan 28, 2020 ・
Medium