[Resolved] Accessibility adjustment

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Accessibility adjustment

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #28234
    Hans
    Participant

    Hi,

    After an audit for accessibility one of our clients websites needs the following function:

    Have the entire block with the post as a link and disable the link form the titel, date and thumbnail.

    Is this possible?

    #28297
    elvin
    Moderator

    Hi Hans,

    Can you provide any images for its layout so we could have a better idea?

    Perhaps our “Overlay” layouts fit your requirement. See “Overlay” on our demo page. https://demos.wpshowposts.com/cards/

    #28314
    Hans
    Participant

    Hi Elvin,

    Sure: Screenshot

    As you can see in this picture both the title and date are the postlink.
    The preferred solution would be to have the yellow block (that is drew in the picture) be the postlink and disable the link in both the title and the date.

    Or when this is not possible to deactivate the postlink from the date so only the title is a postlink.

    • This reply was modified 1 month, 3 weeks ago by Hans.
    #28366
    elvin
    Moderator

    Ah, I see now.

    Here are a few things:

    You can disable the link for the image and the title using the wpsp_disable_image_link and wpsp_disable_title_link filters but for the date, you may have to change its HTML structure to remove its link using wpsp_date_output filter.

    But since you want to make the whole block a link, perhaps we can skip all that and just add this CSS:

    .wp-show-posts-inner {
        position: relative;	
    }
    
    .wp-show-posts-entry-title a:before {
        content:"";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    #28401
    Hans
    Participant

    Thanks for the solution Elvin, that worked out great.

    However i still need to deactivate the date post-link unfortunately.
    The new rules in Europe have become very strict regarding the accessibility for visual impaired users.

    The green reader software has to see only one post link and not two, which is the case when the date is also a link.

    Is it possible you could help with this last problem?

    #28431
    elvin
    Moderator

    For the date, you can do something like this:

    https://gist.github.com/ejcabquina/d1743d15ac85f21e216cea03cb858760

    I basically just stripped the link element.

    #28433
    Hans
    Participant

    Thanks for all out help Elvin, and the quick responses.

    Hans

    #28471
    elvin
    Moderator

    No problem. 🙂 Glad you got it sorted.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.