From 4c2d9f2472951b9c5100448673eb81d94727f13d Mon Sep 17 00:00:00 2001 From: guroklo Date: Thu, 1 Oct 2026 12:01:02 +0200 Subject: [PATCH 1/3] [docs]: Update README.md with plan for accessibility and sustainable development --- README.md | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/README.md b/README.md index e4f6f20..815b723 100644 --- a/README.md +++ b/README.md @@ -22,3 +22,35 @@ Before a pull request can be merged: 3. **Pushing new commits dismisses the approval**, so if you change something after being approved, ask for another review. This is deliberate: what was approved is what gets merged. + +## Accessibility + +We aim to develop the application with a focus on WCAG and accessibility. The goal is to make the website usable with a keyboard, screen reader, and across different screen sizes. + +Accessibility measures we will follow during development: + +- Use semantic HTML elements where appropriate, such as `search`, `article`, headings, and lists. +- Provide clear `label` elements for form inputs. +- Provide descriptive alternative text for images. +- Use sufficient color contrast and avoid using color alone to communicate important information. +- Maintain a logical heading structure. +- Create a responsive interface that works on both small and large screens. +- Check accessibility throughout development and test that the application can be navigated and used with a keyboard. + +The current implementation already uses semantic search with an associated label, alternative text for flag images, and a semantic list for displaying countries. + +## Sustainable Development + +We aim to reduce unnecessary resource usage without negatively affecting the user experience. + +Sustainable development measures we will follow: + +- Keep the application simple and avoid unnecessary dependencies. +- Limit the amount of data loaded and processed to what is actually needed. +- Avoid unnecessary API calls and network traffic. +- Use lazy loading for images so they are loaded only when needed. +- Reuse components and keep the codebase clean and maintainable. +- Use Vite to optimize the production build. +- Consider image size and format to reduce unnecessary data usage. + +We also consider maintainability an important part of sustainable development. A simple component structure, TypeScript, and consistent formatting and linting make the application easier to maintain and extend without unnecessary rewriting. From f0ced0e73bb3883af08233d6e737b5192c92a31f Mon Sep 17 00:00:00 2001 From: guroklo Date: Thu, 1 Oct 2026 13:08:41 +0200 Subject: [PATCH 2/3] [docs]: Moved plan for accessibility and sustainability to new file in docs folder --- README.md | 32 --------------------- docs/planAccessibilityAndSustainability.md | 33 ++++++++++++++++++++++ 2 files changed, 33 insertions(+), 32 deletions(-) create mode 100644 docs/planAccessibilityAndSustainability.md diff --git a/README.md b/README.md index 815b723..e4f6f20 100644 --- a/README.md +++ b/README.md @@ -22,35 +22,3 @@ Before a pull request can be merged: 3. **Pushing new commits dismisses the approval**, so if you change something after being approved, ask for another review. This is deliberate: what was approved is what gets merged. - -## Accessibility - -We aim to develop the application with a focus on WCAG and accessibility. The goal is to make the website usable with a keyboard, screen reader, and across different screen sizes. - -Accessibility measures we will follow during development: - -- Use semantic HTML elements where appropriate, such as `search`, `article`, headings, and lists. -- Provide clear `label` elements for form inputs. -- Provide descriptive alternative text for images. -- Use sufficient color contrast and avoid using color alone to communicate important information. -- Maintain a logical heading structure. -- Create a responsive interface that works on both small and large screens. -- Check accessibility throughout development and test that the application can be navigated and used with a keyboard. - -The current implementation already uses semantic search with an associated label, alternative text for flag images, and a semantic list for displaying countries. - -## Sustainable Development - -We aim to reduce unnecessary resource usage without negatively affecting the user experience. - -Sustainable development measures we will follow: - -- Keep the application simple and avoid unnecessary dependencies. -- Limit the amount of data loaded and processed to what is actually needed. -- Avoid unnecessary API calls and network traffic. -- Use lazy loading for images so they are loaded only when needed. -- Reuse components and keep the codebase clean and maintainable. -- Use Vite to optimize the production build. -- Consider image size and format to reduce unnecessary data usage. - -We also consider maintainability an important part of sustainable development. A simple component structure, TypeScript, and consistent formatting and linting make the application easier to maintain and extend without unnecessary rewriting. diff --git a/docs/planAccessibilityAndSustainability.md b/docs/planAccessibilityAndSustainability.md new file mode 100644 index 0000000..603e49a --- /dev/null +++ b/docs/planAccessibilityAndSustainability.md @@ -0,0 +1,33 @@ +# Plan for accessibility and sustainable development + +## Accessibility + +We aim to develop the application with a focus on WCAG and accessibility. The goal is to make the website usable with a keyboard, screen reader, and across different screen sizes. + +Accessibility measures we will follow during development: + +- Use semantic HTML elements where appropriate, such as `search`, `article`, headings, and lists. +- Provide clear `label` elements for form inputs. +- Provide descriptive alternative text for images. +- Use sufficient color contrast and avoid using color alone to communicate important information. +- Maintain a logical heading structure. +- Create a responsive interface that works on both small and large screens. +- Check accessibility throughout development and test that the application can be navigated and used with a keyboard. + +The current implementation already uses semantic search with an associated label, alternative text for flag images, and a semantic list for displaying countries. + +## Sustainable Development + +We aim to reduce unnecessary resource usage without negatively affecting the user experience. + +Sustainable development measures we will follow: + +- Keep the application simple and avoid unnecessary dependencies. +- Limit the amount of data loaded and processed to what is actually needed. +- Avoid unnecessary API calls and network traffic. +- Use lazy loading for images so they are loaded only when needed. +- Reuse components and keep the codebase clean and maintainable. +- Use Vite to optimize the production build. +- Consider image size and format to reduce unnecessary data usage. + +We also consider maintainability an important part of sustainable development. A simple component structure, TypeScript, and consistent formatting and linting make the application easier to maintain and extend without unnecessary rewriting. \ No newline at end of file From 529b3bdc757141b2f15ca21f81337cd50f5dd7c4 Mon Sep 17 00:00:00 2001 From: guroklo Date: Fri, 2 Oct 2026 11:36:14 +0200 Subject: [PATCH 3/3] [docs]: Fikset formattering i planAccessibilityAndSustainability.md --- docs/planAccessibilityAndSustainability.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/planAccessibilityAndSustainability.md b/docs/planAccessibilityAndSustainability.md index 603e49a..6d9c4c3 100644 --- a/docs/planAccessibilityAndSustainability.md +++ b/docs/planAccessibilityAndSustainability.md @@ -30,4 +30,4 @@ Sustainable development measures we will follow: - Use Vite to optimize the production build. - Consider image size and format to reduce unnecessary data usage. -We also consider maintainability an important part of sustainable development. A simple component structure, TypeScript, and consistent formatting and linting make the application easier to maintain and extend without unnecessary rewriting. \ No newline at end of file +We also consider maintainability an important part of sustainable development. A simple component structure, TypeScript, and consistent formatting and linting make the application easier to maintain and extend without unnecessary rewriting.