teleren/devto huggingface dataset:
Learning Web Accessibility: A Practical Approach
Tags: a11y, webaccessibility, accessibilitydesign
Published: 2023-05-18 11:22:32

---
title: Learning Web Accessibility: A Practical Approach
published: true
date: 2023-05-16 15:03:20 UTC
tags: accessibility,webaccessibility,accessibilitydesign,a11y
canonical_url: https://mirelaprifti.medium.com/learning-web-accessibility-a-practical-approach-c0a2cd41f69b
---

If I had a penny for every time someone asked me how to start learning web accessibility, I’d probably be well on my way to becoming a millionaire by now. 🤑

![The visual is split into two parts, in both parts there’s the phrase “Is it accessible?”. On the left, there’s a pink-violet background and the text is in black. On the right, there’s a light green background and the text is in white. There’s also the monocle emoji at the bottom-right corner of the visual.](https://cdn-images-1.medium.com/max/1024/1*VHBUXzS2gpkizxDto5UECQ.png)

But let me be clear: there’s no magic formula or shortcut to becoming proficient in this field. In my experience, at least, it’s a journey marked by constant learning, experimentation, and a willingness to face challenges head-on.

Web accessibility is an expansive field with a multitude of topics and issues, each bearing its own significance and complexity. It’s so easy to feel overwhelmed when you first dive in. Been there! 😵‍💫

The official guidelines, known as the Web Content Accessibility Guidelines ([WCAG](https://wcag.com/)), are undoubtedly valuable, but they can sometimes seem overly technical and daunting to beginners.

### What worked for me

I decided to focus on one topic at a time, depending on the project I was working on at that moment. 🎯

I’d immerse myself in that topic, conducting thorough research and exploring all the possible scenarios and nuances associated with that particular issue.

This allowed me to incrementally build my expertise without getting swamped by the vastness of the subject.

But, the key component of my learning journey was the hands-on experience in both design and development.

I’ve adopted a practical approach since day 1, which not only accelerated my learning curve but also significantly improved my ability to teach web accessibility.

So, to those looking to learn web accessibility, my advice is to start focusing on your current project’s needs. Identify the specific accessibility issues that are most relevant and then delve deep into understanding and addressing them.

Remember, web accessibility is an ongoing learning process, so don’t be afraid to dive in and explore its many facets!

Follow me on [**Twitter**](https://twitter.com/mirepri4) or [**LinkedIn**](https://www.linkedin.com/in/mirelaprifti/) for web design and accessibility tips.
How to Clone & Install Laravel Project from github
Tags: laravel, webdev, github, web
Published: 2023-05-16 14:55:37

Open your terminal

- 1. Clone laravel project

```
git clone https://github.com/username/repository-name
```

- 2. Open the Laravel project folder

```
cd folder-name
```

- 3. Install composer

```
composer install
```

- 4. Copy and paste .env.example to .env

```
cp .env.example .env
```

- 5. Generate a new Laravel key

```
php artisan key:generate
```

- 6. Setup database

```
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=DATABASE_NAMA
DB_USERNAME=DATABASE_USERNAME
DB_PASSWORD=DATABASE_PASSWORD
```

- 7. Migrate laravel database

```
php artisan migrate

# OR IF YOUR PROJECT HAS A TABLE SEEDER
php artisan migrate --seed
```
HELLO, This is KEVIN, AM HERE TO TALK ABOUT ADVANTAGES AND DISADVANTAGES OF BEING VULNERABLE
Published: 2023-05-16 14:34:18

First of all what is:

 **VULNERABLE**: VULNERABLE is capable of being physically or emotionally wounded 

 **BEING VULNERABLE?**: Being vulnerable means being in a position where other people can hurt you. It often means expressing the sides of yourself about which you have the least confidence or certainty, and allowing others to respond to them.

Professor and author Brene Brown suggests that vulnerability is an important measure of courage and that it allows people to be seen and understood by the people who are important in their life. 2.Being vulnerable also serves as an important way to foster authenticity, belongingness, and love.3
  When you can accept vulnerability, you may find that you experience important emotional benefits. 

Now lets see **ADVANTAGES OF BEING VULNERABLE**

***Greater strength**: Putting yourself into situations where you feel vulnerable can be a way to gain confidence and belief in your ability to handle challenging situations. This can help make you more resilient in the face of life's difficulties.
Stronger relationships: Being vulnerable with others is a way to foster intimacy. It can deep your compassion, empathy, and connection to others in your life.

***Improved self-acceptance:**Being vulnerable allows you to accept and embrace different aspects of yourself. This can foster great confidence and authenticity.

**DISADVANTAGES OF BEING VULNERABLE**

*It is easy to become trapped behind your own emotional defenses, unable to give or receive positive emotions as well as negative ones. This leaves many people feeling isolated and alone. The fear of vulnerability often leads people to inadvertently cause pain to others.
*It can cause you to feel alone
*Being afraid whenever you are alone
*Loosing yourself confidence and only think that you can't survive alone


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vjloeel1h7lr4jy2p5i1.jpg)
Change WordPress 404 redirect behaviour
Tags: wordpress
Published: 2023-05-16 14:29:53

When you visit a WordPress site url that doesn't exist, the default behaviour is to "guess" what you were trying to find. So, instead of landing on a 404 page, you'll possibly end up on a page that may or may not be what you were looking for. 

This behaviour makes sense if the permalink structure (routes) have changed, and the post is still named the same. However, it can be a jarring experience for a user to end up on an unrelated page that happens to contain one of the words in the slug.

## Two ways to modify the 404 behaviour

Turn off 404 guessing altogether:
```php
add_filter( 'do_redirect_guess_404_permalink', '__return_false' );
```

---

Use a strict redirect match (i.e. it will only redirect if it finds a post with the exact same slug):
```php
add_filter( 'strict_redirect_guess_404_permalink', 'true' );
```
How do you approach problem-solving in web development?
Tags: discuss, beginners, learning, codenewbie
Published: 2023-05-16 14:25:25

🔎💻 How do you approach problem-solving in web development? 💡 Let's dive into the world of coding conundrums and unravel the secrets of effective web development solutions together.  Share your strategies, tips, and experiences in the comment section below! 
 🚀✨
JQ - build JSON at bash script
Tags: linux, devops, json, bash
Published: 2023-05-16 14:10:53

From time to time there is requirement build JSON object at bash script. This can be done in several ways. Depend on complexity of requirement.

As first attemption came up to write exact JSON to variable, something like this

```shell
#!/usr/bin/env bash

JSON=$(cat <<-END
  {
    "what":"something",
    "when":"now"
  }
END
)

echo "$JSON"
```

As result this JSON is produced
```json
{
  "what": "something",
  "when": "now"
}
```

Next attempt is add key values from variables with `jq` help

```shell
#!/usr/bin/env bash

WHAT="something"
WHEN="now"

JSON=$(jq -n \
  --arg what "$WHAT" \
  --arg when "$WHEN" \
  '$ARGS.named'
)

echo "$JSON"
```

Here is used `jq` for JSON built.

`--arg name value` passes values predefined variables. Value is available as $name. 

All named arguments are also available as `$ARGS.named` Because the format of `$ARGS.named` is already an object, `jq` can output it as is.

This is usable when JSON structure is fixed and known. But JSON can be variable, depend on usage. What if there some variable missing or next variable has to be added. Some more flexibility can be  welcomed.

Here is approach how to create JSON progressively

```shell
#!/usr/bin/env bash

JSON=$(jq -n '')

WHAT="something"

if [[ -n "$WHAT" ]]; then 
  JSON=$(echo $JSON | jq --arg what "${WHAT}" '. += $ARGS.named')
fi

if [[ -n "$WHEN" ]]; then 
  JSON=$(echo $JSON | jq --arg when "${WHEN}" '. += $ARGS.named')
fi

echo "$JSON"
```

At beginning, with `JSON=$(jq -n '')` empty JSON is created.

Then variables are assigned.

Next condition is crucial for JSON built.
```shell
if [[ -n "$WHAT" ]]; then 
  JSON=$(echo $JSON | jq --arg what "${WHAT}" '. += $ARGS.named')
fi
```

If variable is set and not null, will be added to JSON. 

In this example `$WHEN` variable was not assigned and was not added to final JSON. 

With this technique, JSON creation in bash script can  be so flexible.
Calling out for all those who work with AWS
Tags: aws, cloud, devops
Published: 2023-05-16 14:10:31

## What is Overmind? _(In a nutshell)_
Make AWS changes with confidence. Start by submitting a pull request → discover the blast radius → track and validate that your change has not broken anything. Using read-only AWS access and no other inputs from you.

### What are we looking for?
After a successful [early access program](https://www.linkedin.com/feed/update/urn:li:activity:7059173979755819008) where we discovered over 600k AWS resources and mapped 1.7 million dependencies. We are now looking for innovators to join our design partner program. 

Whether you're making just a couple of tweaks or a few hundred changes in AWS, our design partner program is for those who are seeking innovation and the opportunity to shape the future of application changes.

By becoming part of the program, you'll join a community of brilliant minds, all driven by the same passion for tech. Together, you’ll get to try the latest version before anyone else.

### How do I get started?

Start by sharing your impact analysis goals with the Overmind team, and see if our program is the perfect fit for you.

If you're interested in getting access before anyone else and influencing the direction of what we're building register here: https://app.reclaim.ai/m/dylan-overmind/design-partner-chat

Or find out more about Overmind and join our waiting list here: https://overmind.tech
How to change default Nuget packages folder on Windows
Tags: csharp, nuget
Published: 2023-05-16 13:58:34

The default folder where C# solutions will save the nuget packages is `%UserProfile%\.nuget\packages` . 

To change to different one there are 2 options:



###Add config to `NuGet.config` file:

File locations is `%APPDATA%\NuGet\NuGet.config` for user specific, or `%ProgramData%\NuGet\NuGet.config` if it's global installation.

Add `globalPackagesFolder` settings. I was confused by `repositoryPath` after googling which is different thing! Do not be confused, use  **`globalPackagesFolder`** setting!

You add settings in `config` section like this:

```xml
  <config>
    <add key="globalPackagesFolder" value="D:\YourFolderPath" />
  </config>
```

so whole config file should look something like this:

```xml
<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <packageSources>
    <add key="nuget.org" value="https://api.nuget.org/v3/index.json" protocolVersion="3" />
  </packageSources>
  <packageRestore>
    <add key="enabled" value="True" />
    <add key="automatic" value="True" />
  </packageRestore>
  <bindingRedirects>
    <add key="skip" value="False" />
  </bindingRedirects>
  <packageManagement>
    <add key="format" value="0" />
    <add key="disabled" value="True" />
  </packageManagement>
  <config>
    <add key="globalPackagesFolder" value="D:\YourFolderPath" />
  </config>
</configuration>
```


###Adding `NUGET_PACKAGES` env variable:


Google in order to see how to do it: [google search](https://www.google.com/search?q=windows+add+environment+variable&rlz=1C1CHBF_enCA975CA975&oq=windows+add+envi&aqs=chrome.0.0i512j69i57j0i512l7j0i390i650.5656j0j15&sourceid=chrome&ie=UTF-8)


After that run command in terminal `dotnet nuget locals -l all`
and you should see your new folder in global-packages:

```
http-cache: C:\Users\ME\AppData\Local\NuGet\v3-cache
global-packages: D:\YourFolderPath
temp: C:\Users\ME\AppData\Local\Temp\NuGetScratch
plugins-cache: C:\Users\ME\AppData\Local\NuGet\plugins-cache
```
ADVANTAGES AND DISADVANTAGES OF BEING VULNERABILITY
Published: 2023-05-16 13:56:12

 A vulnerable person can be defined as someone who belongs to a group within society that is either oppressed or more susceptible to harm.
Vulnerable person can be defined as person who can not take 
any offer without any assistant on her/his side.
vulnerability 
the quality or state of being exposed to the possibility of being attacked or harmed.
advantages of being vulnerability
foster closeness, trust and intimacy 
in foster closeness some persons gets any
all opportunities for taking any tasks
without panic in thinking many ideas for 
achieving that, person are closed in thinking.
Intimacy people feeling to be closed 
persons who are intimacy are connected
to her/his partner nothing done 
without partner ,in trust helps them grows over time 
and requires work  person creates with supporter 
truthfully .
disadvantages of being vulnerability
can't find any kind of job with own side 
person who are vulnerable it's like 
disable because can't attach any own
decision ,can't assist any body which are
not in low level.
Say Goodbye to Package Manager Confusion with swpm 👋🧠
Tags: cli, webdev, npm, development
Published: 2023-05-16 13:44:25

Hello World! As a frontend developer, one of the most exciting parts of my job is keeping up with the ever-evolving JavaScript ecosystem. With that in mind, I'd like to introduce you to a package I recently tested and has made switching between JavaScript projects easier and more seamless: [swpm](https://www.npmjs.com/package/swpm).

## So, what is swpm?

Swpm, also known as "Switch Package Manager", is a tool you can use directly from your CLI. Its purpose? To make your work with JavaScript **easier and more efficient**.

The problem it aims to address is a common one in our development world: we often find ourselves switching between different JavaScript projects, which might utilize different package managers like [npm](https://docs.npmjs.com/about-npm), [yarn](https://yarnpkg.com/getting-started), [pnpm](https://pnpm.io/) or even [bun](https://bun.sh/).

If you've been in this situation, you know the drill. You have to remember which package manager you used for each project. Otherwise, you might end with an annoying error or accidentally installing a package with the wrong manager. This could cause your project to break, since each package manager resolves dependencies differently. Annoying, right?

This is where swpm comes into play. 

> **It unifies the most used commands for the most common Node Package Managers into one**

With swpm, you can say goodbye to the days of breaking a project because you've forgotten which package manager to use. Swpm recognizes the package manager used in your project and automatically translates your commands to the appropriate ones.

## How does swpm work?

The beauty of swpm lies in its simplicity. With swpm, you only need to remember one command, and it takes care of the rest, no matter which package manager your project is using.

An perfect example would be:

```
$ swpm install
```

This command will install all the necessary packages for your project. If your project uses npm, swpm translates it to npm install. If your project uses yarn, swpm translates it to yarn install, and so on.

## How to get started with swpm?

You can easily install swpm globally on your machine using npm:

```
$ npm install -g swpm
```

Once installed, you can start using swpm commands in your projects.

If you're interested in installing swpm with other package managers, I've got you covered! Here's an example of how to do that: [click here](https://www.npmjs.com/package/swpm#installing).

## Final Thoughts

To me, swpm is not just for preventing errors. It's about making your work process easier. It's a tool that helps you work faster and better by helping manage commands for different package managers. It's less about not remembering things, and more about making things simpler and easier for you.

Give swpm a try and experience the ease it brings to your coding routine. For more details, check out the package [here](https://www.npmjs.com/package/swpm).

Stay curious, keep coding, and see you next time!
My favorite hobby
Published: 2023-05-16 13:51:14

My names are SADIKI SEPT, from alight coding class. I have many hobbies, but my favorite hobby is reading different books, the book I love to read more than other is holly bible, because in bible there is word of life.
The second book  I love to read is called "you can win " is for Indian author called Shiv Khera, the quote I obtain on it is" winners don't do different things they do things differently".
Consumer Digital Identity Trend Report 2023: Understanding the Pulse of Consumer Behavior
Tags: identitytrendsreport2023, consumeridentitytrends, digitalidentitytrendreport, iamreport
Published: 2023-05-16 13:50:44

## **Introduction**

The Consumer Digital Identity Trend Report is a must-have resource for business leaders, marketers, and IT professionals seeking to gain a competitive edge. Dive into the report's wealth of information on consumer behavior trends, authentication methods, identity verification, and IT requirements to ensure your business stays ahead of the game.

## **The Trustworthy Journey: Building a Digital Identity Customers Can Rely On**

The rise of artificial intelligence and the increasing interconnectivity of our society have redefined consumer expectations. Today's customers demand effortless access to a range of products and services, forcing businesses to find innovative ways to differentiate themselves from competitors. To navigate this rapidly evolving landscape successfully, it is vital for businesses to anticipate changes in consumer behavior and stay informed about the emerging digital identity trends that will shape the year 2023.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jgvzs5pwkre7zlfgrjo6.png)

**Key Highlights Of this Report**
1. **95.82%** of companies offer standard login using an email ID of the customers that use passwordless login. 
2. **87.59%** prefer to log in with their email address
3. **51.39%** of companies do not offer MFA, but **48.61%** do.

## **Conversions Unleashed: Harnessing the Potential of a Rich Customer Authentication Journey**

Businesses that prioritize delivering a frictionless authentication experience gain a competitive edge by enhancing the overall customer journey. The Consumer Identity Trend Report 2023 demonstrates that when customers can seamlessly prove their identity without unnecessary hurdles, they are more likely to engage, convert, and develop loyalty towards the brand.

## **Conclusion**

The insights revealed in the **[Consumer Identity Trend Report 2023](https://www.loginradius.com/resource/consumer-digital-identity-trend-report-2023)** underscore the transformational impact of adopting a strategic approach to customer identity management. By shifting the focus from a mere operational activity to a critical business process, companies can optimize their operations, reduce expenses, and drive customer retention. Embrace the findings of this report to position your business for success in the evolving realm of CIAM.
Learn How to Find Wally in Images Using Python and OpenCV
Tags: python, opencv, tensorflow
Published: 2023-05-16 13:50:00

Do you remember playing "Where's Wally?" as a kid? 
What if you could take that game to the next level using advanced computer vision techniques?
Our latest tutorial shows you how to find Wally in any image using Python and OpenCV. 
We'll take an image of Wally and use it as a template to search for matches in larger images. 

This involves using OpenCV functions and learning how to look for a specific image area based on another image.

If you are interested in learning modern Computer Vision course with deep dive with TensorFlow , Keras and Pytorch , you can find it here  : http://bit.ly/3HeDy1V

Before we continue, I actually recommend this book for deep learning based on Tensorflow and Keras : https://amzn.to/3STWZ2N

check out our video here: https://youtu.be/_iGmwb5petU

You can find the code in the video description.

Enjoy,
Eran
#Python #OpenCV #ObjectDetection #ImageProcessing #ComputerVision #Wally #WheresWaldo #ImageAnalysis #DeepLearning #MachineLearning
How to get a good looking Github Readme
Tags: beginners, github, tutorial, career
Published: 2023-05-16 13:39:36

Every Time i go on a Github Profile i asked me how they got a nice looking Readme file and if you've asked yourself that too, I have a good solution, with the website https://rahuldkjain.github.io/gh-profile-readme-generator/ you can easily create a nice readme.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jj775xmt8o5i6eb0hpvq.jpeg)

That is a example of my Github Readme file.

I hope it is helpful for some of you :)
WhiteHat report: Cloudflare Email worker
Tags: cloudflare, worker, bug, whitehat
Published: 2023-05-16 13:37:49

Email worker and email redirection are dropping the valid emails.

Email routes and workers exclude addresses with a "plus" addressing field. This made the service unsuccessful in processing the data. No error nor notification is provided.

## Steps to reproduce

1. Create an email redirection processed by the worker and print using the `console.log` (for example) `event.to`
2. Enable email worker on email in the dashboard. e.g.: `user@sld.email` to process emails in the worker
3. Execute the worker with an email with a 'plus' addressing field. e.g.: `user+info@sld.email`
4. Email is not captured at all. And the worker didn't run.

## Impact

The impact is high because you miss emails, even if they are addressed correctly.
All cases with `event.to` have been affected so far. There may be more cases.
The impact is to lose even valid emails in the Cloudflare system.
With the configuration: catch-all: none or drop; the valid emails are lost.

## Environment

Please, set the catch-all to drop. And create a custom address `recipient@cloudflare.com` or `test@cloudflare.com`. Then those addresses should run the worker. On my end, I am facing issues with "plus" addresses, such as `recipient+123@cloudflare.com`; `test+123@cloudflare.com`.

## Rationale

Certain important communications may be inadvertently excluded due to filtering processes, which can harm Cloudflare's operational efficiency. The perpetrator may attribute this to a spam filter, thereby influencing Cloudflare's business logic. By employing a catch-all address, the system may be vulnerable to DoS attacks or result in the loss of client funds.

## Classification

[CWE840](https://cwe.mitre.org/data/definitions/840.html): Business Logic Errors

## Referrence

Originally posted in HackerOne #1988088

## Result

Informative