UX Guidelines

Underlining

Regarding the underlining, I found this information from a user-experience website, https://www.nngroup.com/articles/guidelines-for-visualizing-links/

To maximize the perceived affordance of clickability, color and underline the link text. Users shouldn’t have to guess or scrub the page to find out where they can click.

Assuming the link text is colored, it’s not always absolutely necessary to underline it.

• There are two main cases in which you can safely eliminate underlines:navigation menus and other lists of links. However, this is true only when the page design clearly indicates the area’s function. (Remember: your design might not be as obvious to outside users as it is to your own team members.) Users typically understand a left-hand navigation rail with a list of links on a colored background, assuming it resembles the navigation areas on most other sites.
• Exception: underlining is essential if you use link colors such as reds or greens, which cause problems for users with common forms of color-blindness.
• Exception: underlined links are important for low-vision users’ accessibility, so retain underlines if accessibility is a priority for your site or you have many users with low vision.

We could colour them too but for colour alone to work for colour-blind users, we'd need to change the brightness of the colour. For example, a lighter blue for links would still look brighter than black even to colour-blind users. The underlining would be sufficient regardless of colour blindness in my opinion. If we change both underlining and colour, we'd clarify that the title is clickable better than by merely underlining but the more difference, the less consistency we'd have. What I did with the underlining alone was an attempt to compromise between those two goals(consistency and indicating clickability).