sfttech / openage-pr Goto Github PK

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

p:nth-child(3)

Snippet

`

Our aim is to make openage a platform for the original Age of Empires games providing the same look and feel, but with more features for modding and multiplayer.

            </p>`

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

p:nth-child(2)

Snippet

<p>Using modern technologies as C++17, OpenGL/GLSL, Python, Qt5 and CMake allows people using GNU/Linux, BSD, macOS or Windows to play the game natively.</p>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

.indented:nth-child(4)

Snippet

<p class="indented"><b>Modding:</b> openage uses an open API powered by our human-readable configuration language <a href="https://github.com/SFTtech/nyan/">nyan</a>.</p>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

When talking to people about openage they often ask for a webpage for more info. I have the feeling from questions coming after sending them to our official website, that the website itself and even the repo (which I often send in addition for even more information) for new people doesn't really give all the information in an easy to find and non-overwhelming way.

So, what do you think of a rework of our the openage - website?

The following examples I took mainly from https://www.projectborealis.com/ and
https://www.python.org/ .

About the project borealis website I like that it is streamlined and all the infos are not overboarding. It's one page layout, that I normally dislike, but here it is really made in a nice and clean way.

The python website I personally find too over-boarding with information for a project like openage, where most people want to first be informed about the basic principle of the project itself and afterwards dig deeper into development etc. But I choose it because I find the main menu really clear and also the menu items are really well sorted. You get to the infos you need fast.

Here are some examples what we could add, what we could change and how a good (in my opinion) page could look like from the before mentioned examples:

• add a media page with some screenshots of assetpacks (e.g. aoe1de, aoe2de), tools etc.

• give (more) frequent updates on a small blog-like page, kind of like the news comment on the reddit, probably more streamlined into a text and not weekly but when something new and exciting happens

• documentation/development page to include blogposts about modding api (subpage dev-blog?), link to future sphinx documentation, etc. basically developer resources, here an example from openTTD development page

• core glossary/feature overview, what is working, whats in development, what were planning next. basically an overview what we collected in /docs

• a nice FAQ or even more verbose as shown in Python's FAQ we could forward people to, when we get asked many of the same questions at once (streams, chat, talks, etc.)

• Download page collecting latest direct links to downloads (Github releases, Kevin CI builds, bintray), basically the download links should be in a non-outdating form (latest-xyz.exe)

• helpers overview if and where help would be needed

• Changelog

• in the future something like server-/community browser

What do you think, would it even make sense to ask someone professional to do it for us? I think everyone has already enough to do, also web-design is a good topic to ask someone that is more into the topic then most of us are? Maybe even someone has already an idea who we could ask?

Please state your ideas, suggestions and/or opinions. Cheers!

UPDATE: Another good example i feel is the website of the game-engine amethyst.

Issue

Ensures every HTML document has a lang attribute (html-has-lang)

Target application

openage - free, modern RTS game engine

Element path

html

Snippet

<html>

How to fix

Fix any of the following:
  The <html> element does not have a lang attribute

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures every id attribute value of active elements is unique (duplicate-id-active)

Target application

openage - free, modern RTS game engine

Element path

.code

Snippet

<a href="https://repo.openage.dev" class="code" id="button">View the Code</a>

How to fix

Fix any of the following:
  Document has active elements with the same id attribute: button

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

a[href$="chat.openage.dev"]

Snippet

<a href="https://chat.openage.dev" id="button">Chat</a>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 10.3pt (13.68px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

.indented:nth-child(5) > b

Snippet

<b>Multiplayer:</b>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: bold). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

.indented:nth-child(5)

Snippet

<p class="indented"><b>Multiplayer:</b> We implement a client-server architecture with dedicated servers that supports more than 8 players. The overarching system will provide matchmaking, lobbies, server discovery and other community features.</p>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Proposed fix:

diff --git a/index.html b/index.html
index 66d53c1..43eb475 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
                 <h1>Free cross-platform RTS engine providing "Age of Empires"-<br/>style game mechanics</h1>
                 <div id="mainbuttons">
                     <a href="https://repo.openage.dev" class="code" id="button">View the Code</a>
-                    <a href="https://bintray.com/simonsan/openage-packages/openage-windows-nightly/_latestVersion" class="tgz" id="button">Windows Packages</a>
+                    <a href="https://github.com/SFTtech/openage/releases" class="tgz" id="button">Windows Packages</a>
                     <a href="https://repology.org/project/openage/versions" class="tgz" id="button">Linux Packages</a>
                 </div>
             </div>

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

a[href$="forum.openage.dev"]

Snippet

<a href="https://forum.openage.dev" id="button">Forum</a>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 10.3pt (13.68px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

p:nth-child(1)

Snippet

<p>openage is a <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">free (as in freedom)</a> cross-platform RTS game engine that provides the mechanics of Age of Empires.</p>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

a[href$="blog.openage.dev"]

Snippet

<a href="https://blog.openage.dev" id="button">Blog</a>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 10.3pt (13.68px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

p:nth-child(6)

Snippet

<p>openage is a community project that values every contribution, the only requirement is your enthusiasm. Don't hesitate to get in touch with us if you want to help! :)</p>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

openage - free, modern RTS game engine

Element path

.indented:nth-child(4) > b

Snippet

<b>Modding:</b>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 1.37 (foreground color: #dcdcdc, background color: #ffffff, font size: 13.3pt (17.687px), font weight: bold). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 96.0.1054.62